JavaScript除了提供正常模式外,还提供了严格模式(strict mode)。ES5的严格模式是采用具有限制性Javascript变体的一种方式。即在严格的条件下运行js代码。
严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器会被忽略。
严格模式对正常的javascript语义做了一些更改:
如一些保留字:class,enum,export,extends,import,super不能做变量。
严格模式可以应用到整个脚本或个别函数中。因此在使用时,我们可以将严格模式分为脚本开启严格模式和
为函数开启严格模式两种情况
为整个脚步文件开启严格模式,需要在所有语句之前做一个特定语句"use strict"
<scirpt> "use strict" console.log("这是最严格模式") </scirpt> 复制代码
要给某个函数开启严格模式,需要把"use strict";(或'use strict')声明放在函数体所有语句前。
<script> function fn() { 'use strict' //下面的代码按照严格模式进行 } </script> 复制代码
严格模式对javascript的语
法和行为,都做了一些改变
<script> ‘use strict’ num = 10 console.log(num) </script> 复制代码
效果如下图
高阶函数是对其他函数进行操作的函数,它接收函数作为参数或函数作为返回值输出。
function fn(callback) { callback && callback() } fn(function(){ alert('lanfeng') }) 复制代码
function fn() { return function() { } } fn() 复制代码
此时fn就是一个高阶函数
函数也是一种数据类型,同样可以作为参数,传递给另外一个参数使用,最典型的就是作为回调函数
变量根据作用域的不同分为两种:全局变量和局部变量。
闭包指有权访问另外一个函数作用域中变量的函数。也就是说,一个作用域可以访问另外一个函数内部的局部变量。
//fn 外面的作用域可以访问fn内部的局部变量 function fn() { var num = 10 function fun () { console.log(num) //可以访问num } return fun } var f = fn() f() //10 复制代码
//fn 外面的作用域可以访问fn内部的局部变量 function fn() { var num = 10 // 返回一个匿名函数 return function() { console.log(num) //可以访问num } } var f = fn() f() //10 复制代码
闭包的主要作用: 延伸了变量的作用范围
//html <ul class="nav"> <li>a</li> <li>b</li> <li>c</li> <li>d</li> </ul> //js //点击li输出当前li的索引 //利用动态田径属性方式 var lis = document.querySelector('.nav').querySelectorAll('li') for(var i=0 ;i<lis.length; i++) { lis.index = i lis[i].onclick = function() { console.log(this.index) } } //利用闭包的方式 var lis = document.querySelector('.nav').querySelectorAll('li') for(var i=0 ;i<lis.length; i++) { (function(i) { lis[i].onclick = function() { console.log(i) } })(i) } 复制代码
//html <ul class="nav"> <li>a</li> <li>b</li> <li>c</li> <li>d</li> </ul> //js //利用闭包 var lis = document.querySelector('.nav').querySelectorAll('li') for(var i=0 ;i<lis.length; i++) { (function(i){ setTimeout(function() { console.log(lis[i].innerHTML) },3000) })(i) } 复制代码
var car = (function() { var start = 13; var total = 0; return { //正常价格 price: function(n) { if(n <= 3) { total = start } else { total = start + (n-3)* 5 } return total; }, // 拥堵之后 yd: function(flag) { flag? total+ 10 :total } } })() console.log(car.price(5)) console.log(car.yd(true)) 复制代码
闭包就是一个函数(一个作用域可以访问另外一个函数的局部变量)
延伸变量的作用范围
如果一个函数在内部可以调用其本身,那么这个函数就是递归函数。
递归函数的作用和循环效果一样
由于递归很容易发生“栈溢出”(stack overflow),所以必须要加退出条件 return
function fn(n) { if(n = 1) { return 1 } return n * fn(n-1) } console.log(fn(3)) // 6 复制代码
var data = [{ id:1, name:'家电', goods: [ { id: 11, gname: '冰箱' }, { id: 12, gname: '洗衣机' } ] }, { id: 2, name: '服饰' } ] function getObj(arr, id) { var o = {} arr.forEach(function(item){ if(item.id === id) { o= item } else if(item.goods && item.goods.length>0) { o =getObj(item.goods, id); } }) return o } console.log(getObj(data, 1)) 复制代码
var obj = { id: 1, name: 'andy', msg: { age: 18 } } var o = {} for(var k in obj) { // k是属性名 o[k] = obj[k] } console.log(o) o.msg.age = 20 console.log(obj) //obj发生变化 //用es6语法糖 Object.assign(o, obj) 复制代码
//深拷贝,应用递归的方法 function deepCopy(newObj, oldObj) { for(var k in oldObj) { //判断我们的属性值属于哪种类型 var item = oldObj[k] // 判断是否是数组 if(item instanceof Array) { newObj[k] = [] deepCopy(newObj[k], item) } else if(item instanceof Object) { //判断是否是对象 newObj[k] = {} deepCopy(newObj[k], item) } else { // 属于简单数据类型 newObj[k] = item } } } deepCopy(o,obj) console.log(o) 复制代码
本篇文章主要分享了函数的严格模式、高阶函数、闭包、递归、深拷贝、浅拷贝等知识点的用法及应用。如果想了解更多,请扫描二维码