• js基础


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

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

    ''.match(reg)

    var a='asdf12asdf023asdf012'
    var reg=/[a-z]+(d+)/g
    a.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(/"[^"]*"|'[^']*'|(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])1?|[lLZ])/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();

  • 相关阅读:
    iframe自动适应高度
    php正则过滤html标签、空格、换行符的代码,提取图片
    destoon使用中的一些心得
    Fiddler 过滤 css,图片等请求url 正则表达式
    不用递归实现无限分类数据的树形格式化
    PHP定时执行任务的实现
    Discuz! X3.1去除内置门户导航/portal.php尾巴的方法
    discuzx完全自定义设计模板门户首页,栏目,专题模板方法
    Apache环境.htaccess伪静态301跳转(www与不带www)
    15万甚至30万以内的SUV值不值得买?
  • 原文地址:https://www.cnblogs.com/yfann/p/4378214.html
Copyright © 2020-2023  润新知