JS小知识点补充

逻辑或与逻辑与

1.在条件判断中使用：

条件中的&&：两个条件都成立，整体判断条件才会成立
条件中的||：只要有一个条件成立，整体判断条件就成立。

2.在赋值操作中使用：

var a = 1 || 2;//=>首先验证1是真假，如果为真，把1赋值给a，如果为假，把2赋值给a =>"A||B":先验证A的真假,为真结果是A,为假结果是B
var b = 1 && 2;//=>"A&&B"：先验证A的真假,为真结果是B,为假结果是A

示例：

function fn(x) {
    //=>“给形参赋值默认值”：验证传递的参数值,如果没有传递实参,让其默认值为零

    // if(x===undefined){
    //     x=0;
    // }

    // if (typeof x === 'undefined') {
    //     x = 0;
    // }

    x = x || 0;//=>如果X没传递值,X=undefined =>x=undefined||0 =>这种赋值的方式没有上面IF判断严谨（IF这种是没传值才会赋值默认值，||这种是不传值或者传递的值是假，都让它等于零）
}

fn(false);



function fn(callback) {
    //=>如果传递的值是个函数,我们才让其执行
    // if(typeof callback==='function'){
    //     callback();
    // }

    callback && callback();//=>上面IF判断的简写版（不严谨）：默认callback要不然就传函数，要不然就不传
}
fn(function () {
});

逻辑与和逻辑或混合使用

优先级：逻辑与的优先级高于逻辑或。

 console.log(0 || 1 && 2 || 0 || 3 && 2 || 1);

逻辑与和逻辑或实战中应用

形参赋值默认值（初始化形参）。

//在ES6新语法规范中可以直接给形参设置默认值
function fn(x = 0) {
    //=>如果X没有传递值,默认值是零,一旦传递值,不管传递的是啥,都是按照传递的值处理的
    console.log(x);
}
fn();//=>0
fn(null);//=>null
fn(undefined);//=>0 传递undefined，浏览器也是按照没有传递值处理的

arguments

arguments：函数内置的实参集合，不管是否设置形参，传递的实参值在这个集合中都存在。

在JS非严格模式下，函数中的形参变量和ARGUMENTS存在映射机制(映射：相互之间影响)

var a = 4;
function b(x,y,a) {

    /*
     * arguments
     * {
     *   0:1
     *   1:2
     *   2:3
     *   length:3
     *   callee:函数本身
     *   ...
     * }
     *
     * 第一个形参变量值修改为100，那么ARG[0]的值也跟着修改为100
     */
    console.log(a);
    arguments[2] = 10; //把传递的第三个实参值修改为10,此时第三个形参变量a也会受到影响
    console.log(a);
}
a = b(1,2,3);
console.log(a);

ARG和形参之间的映射是以ARG的索引为基础完成的，ARG中有这个索引，浏览器会完成和对应形参变量中的映射机制搭建，如果形参比ARG中个数多，那么多出来的形参是无法和ARG中对应的索引建立关联的

function fn(x, y) {
    /*
     * 形参
     *   x=10
     *   y=undefined  y也是私有变量,不是没赋值,而是赋值为undefined
     *
     * ARG
     *   0:10
     *   length:1
     *
     * ARG和形参之间的映射是以ARG的索引为基础完成的，ARG中有这个索引，浏览器会完成和对应形参变量中的映射机制搭建，如果形参比ARG中个数多，那么多出来的形参是无法和ARG中对应的索引建立关联的
     */
    var arg = arguments;
    arg[0] = 100;
    console.log(x);//=>100
    y = 200;
    console.log(arg[1]);//=>undefined
}
fn(10);

严格模式

在当前作用域的“第一行”添加 "use strict" 即可，这样在当前作用域中就开启了JS的严格模式。整个JS都开启了严格模式（只对当前这个JS文件中的代码生效，下一个JS文件需要开启严格模式，第一行还需要再次编写），真实项目中，我们一般都会把所有JS文件合并压缩为一个导入到页面中。

function fn() {
    // "use strict";//=>只在当前作用域中使用严格模式
}

1.在严格模式下不支持使用 “arguments.callee / arguments.callee.caller” （Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them）

2.在严格模式下ARGUMENTS和形参没有映射机制.

3.在严格模式下不允许给一个对象设置重复属性名的：“obj={n:10,n:20}”

4.在严格模式下，函数执行，如果没有明确指定执行的主体（函数前面没有点），不再像非严格模式下一样，统一都交给window，而是让this指向undefined，代表没有执行主体：“严格模式下，有执行主体this就指向谁，没有执行主体，this就是undefined”

括号表达式

括号表达式（小括号的应用）

用小括号包起来，里面有很多项（每一项用逗号分隔），最后只获取最后一项的内容（但是会把其它的项也都过一遍）。

不建议大家过多使用括号表达式，因为会改变THIS

let fn=function(){console.log(this);}
let obj={fn:fn};
(fn,obj.fn)();//=>执行的是第二个OBJ.FN，但是方法中的THIS是WINDOW而不是OBJ
(obj.fn)();//=>this:obj

eval：把字符串转换为JS表达式

eval("1+2") =>3