博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js基础
阅读量:5036 次
发布时间:2019-06-12

本文共 5232 字,大约阅读时间需要 17 分钟。

1.语法

基本型不可以加属性,读出来是undefined

var a=1

a.p=2

console.log(a.p)

输出:undefined

 

2. undefined运算

undefined+1=NaN

undefined+'str'=undefinedstr

undefined+true=NaN

 

3. 声明顺序

函数声明优先于变量

console.log(typeof fn);

function fn() {};

var fn;

 

 

 

x. 有用的方法

document.links

 

数组

[].join('') //返回字符串

[].concat([],[])  //返回合并后的新数组

[].slice(start,end)  [start,end)

[].splice(s,l,p1,p2...) //s 开始位置,l 删除元素的个数, p1 p2 ... 在s处插入的新元素

[].indexOf()

[].length=0 //清空数组

[].splice(0,[].length) //清空数组

for(var i=arr.length;i>=0;i--)

{

  arr.splice(i,1);//避免index改变

}

字符串

''.trim()

''.trimLeft()

''.trimRight()

''.replace(a,b)  //只会把第一个匹配的a替换为b

var reg=new RegExp(a,"g")

''.replace(reg,b)  //会把所有匹配的a替换为b

''.replace(/a/g,b)

''.split('')

正则

var reg=/[a-z]/g  //g全局  i忽略大小写 m多行

var reg=new RegExp('[a-z]','i')

reg.exec()

var a='asdf12asdf023asdf012'var reg=/[a-z]+(\d+)/gvar r=reg.exec(a) //exec() 返回第一个匹配的结果,是个数组,包括完整的正则表达式匹配的结果和()中的匹配的内容。第二次执行exec()时返回第二个匹配的数组结果....正则表达式需有g,否则无论执行几次都返回第一个匹配的结果//["asdf12", "12"]

reg.test('') //true或false

''.match(reg)

var a='asdf12asdf023asdf012'var reg=/[a-z]+(\d+)/ga.match(reg) //正则中有g,则返回包含所有匹配的字符串的数组,不能取()中的匹配//["asdf12", "asdf023", "asdf012"]

''.search(reg) //返回第一个匹配的index

''.replace(reg,'') //替换

 

日期

var now=new Date();

now.getMonth()  //0~11

now.getFullYear()

now.getTime()

new Date(2012,11,1) //年,月(0~11),日

 

var invalid=new Date('asdf');

Object.prototype.toString.call(invalid)  //[object Date]

isNaN(invalid.getTime())  //判断

//日期格式化方法 if (!Date.prototype.formatDateTime) {        Date.prototype.formatDateTime = function (formatStr) {            var date = this;            var zeroize = function (value, length) {                if (!length) {                    length = 2;                }                value = new String(value);                for (var i = 0, zeros = ''; i < (length - value.length) ; i++) {                    zeros += '0';                }                return zeros + value;            };            return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g, function ($0) {                switch ($0) {                    case 'd':                        return date.getDate();                    case 'dd':                        return zeroize(date.getDate());                    case 'ddd':                        return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];                    case 'dddd':                        return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];                    case 'M':                        return date.getMonth() + 1;                    case 'MM':                        return zeroize(date.getMonth() + 1);                    case 'MMM':                        return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];                    case 'MMMM':                        return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];                    case 'yy':                        return new String(date.getFullYear()).substr(2);                    case 'yyyy':                        return date.getFullYear();                    case 'h':                        return date.getHours() % 12 || 12;                    case 'hh':                        return zeroize(date.getHours() % 12 || 12);                    case 'H':                        return date.getHours();                    case 'HH':                        return zeroize(date.getHours());                    case 'm':                        return date.getMinutes();                    case 'mm':                        return zeroize(date.getMinutes());                    case 's':                        return date.getSeconds();                    case 'ss':                        return zeroize(date.getSeconds());                    case 'l':                        return date.getMilliseconds();                    case 'll':                        return zeroize(date.getMilliseconds());                    case 'tt':                        return date.getHours() < 12 ? 'am' : 'pm';                    case 'TT':                        return date.getHours() < 12 ? 'AM' : 'PM';                }            });        };    };
//去掉时间部分        var now = new Date();var today = new Date(now.getFullYear(), now.getMonth(), now.getDate());

 

顶层函数

decodeURI()          解码某个编码的 URI。

decodeURIComponent()    解码一个编码的 URI 组件。
encodeURI()            把字符串编码为 URI。
encodeURIComponent()       把字符串编码为 URI 组件。
escape()                             对字符串进行编码。
eval()                                计算 JavaScript 字符串,并把它作为脚本代码来执行。
getClass()                         返回一个 JavaObject 的 JavaClass。
isFinite()                           检查某个值是否为有穷大的数。
isNaN()                             检查某个值是否是数字。
Number()                  把对象的值转换为数字。
parseFloat()               解析一个字符串并返回一个浮点数。
parseInt()                    解析一个字符串并返回一个整数。
String()                       把对象的值转换为字符串。
unescape()                   对由 escape() 编码的字符串进行解码。

 

 

y.深入

slice 经常用来将 array-like 对象转换为 true array。能用slice方法的,只要有length属性就行。

Array.prototype.slice.call(arguments,0)  //arguments 有length属性,没有slice方法

Object.prototype.toString.call(obj) === '[object Array]'  //判断是否为数组,调用的是Object的toString方法,Array的toString方法可能被重写

 

基本类型无法直接加属性:

var a=1;

a.constructor.prototype.bb=function(){}

a.bb();

转载于:https://www.cnblogs.com/yfann/p/4378214.html

你可能感兴趣的文章
极客前端部分题目收集【索引】
查看>>
第四天 selenium的安装及使用
查看>>
关于js的设计模式(简单工厂模式,构造函数模式,原型模式,混合模式,动态模式)...
查看>>
KMPnext数组循环节理解 HDU1358
查看>>
android调试debug快捷键
查看>>
【读书笔记】《HTTP权威指南》:Web Hosting
查看>>
Inoodb 存储引擎
查看>>
数据结构之查找算法总结笔记
查看>>
Linux内核OOM机制的详细分析
查看>>
Android TextView加上阴影效果
查看>>
Requests库的基本使用
查看>>
C#:System.Array简单使用
查看>>
C#inSSIDer强大的wifi无线热点信号扫描器源码
查看>>
「Foundation」集合
查看>>
算法时间复杂度
查看>>
二叉树的遍历 - 数据结构和算法46
查看>>
类模板 - C++快速入门45
查看>>
[转载]JDK的动态代理深入解析(Proxy,InvocationHandler)
查看>>
centos7 搭建vsftp服务器
查看>>
RijndaelManaged 加密
查看>>