- 博客(42)
- 收藏
- 关注
原创 20-JS高阶函数
闭包和回调任意一个用在函数上,都是高阶函数一、闭包闭包的概念: 一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。未形成闭包function test (fn) { var a = 1; retu
2021-12-09 22:17:10 77
原创 17-自定义原型方法、去重、封装typeof
17-自定义原型方法、去重、封装typeof(一)、自定义方法myUnshift(1)、用splice方法实现用splice方法重写数组原型上的unshift方法 myUnshift var arr = ['d', 'e', 'f']; Array.prototype.myUnshift = function(){ var pos = 0; for(var i = 0; i < arguments.length; i++){
2021-12-08 19:50:57 411
原创 8-对象、构造函数、实例化
(一)、对象 var teacher = { name: '张三', age: 32, sex: 'male', height: 176, weight: 130, teacher: function(){ console.log('I am teaching JavaScript'); }, smok
2021-12-06 09:02:20 271
原创 7-立即执行函数、闭包深入、逗号运算符
(一)、立即执行函数IIFE immediately- invoked function expression立即执行函数页面加载的时候就自动执行了,执行完成后立即释放立即执行函数有一个功能性的称呼-初始化函数立即执行函数有最基本的两种写法(1)、写法写法1(function(){})();写法2------w3c建议的写法(function(){}()); (2)、参数立即执行函数可以带参数(function(a,b){ console.log(a + b); }
2021-12-05 23:29:23 91
原创 4-cookie增删改查
(1)设置设置cookie过期时间为5000sdocument.cookie = "name=xiaohong; max-age=5000"设置具体的日期 <script type="text/javascript"> var d = new Date(), day = d.getDate(); d.setDate(day + 10); document.cookie = "name=xiaohong;expir
2021-12-05 22:03:49 191
原创 3-localStorage、sessionStorage、cookie
cookies local Storage 可以在任意窗口访问sessionStorage只能在当前标签页访问cookies的过期时间可以手动设置localStorage是永远不过期的SessionStorage在标签页关闭后过期读取cookiedocument.cookie设置cookiedocument.cookie = "name = Tom"设置localStoragelocalStorage.setItem('早餐','牛奶')读取localStorageloca.
2021-12-05 21:39:06 63
原创 2-requestAnimationFrame、循环字母
requestAnimationFrame <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-12-05 21:31:56 52
原创 1-HTML5历史、标记法、新增标签和属性、拖拽
(一)、历史2010年推出HTML5html4的写法<body> <form> <p>Username: <input name="search" type="text" id="search"/></p> </form> <script type="text/javascript"> document.getElementById('search').focus
2021-12-05 20:52:29 209
原创 2-document对象、遍历节点树、遍历元素节点树
(一)、document对象(1)、getElementById在ie8以下的浏览器是不区分大小写的var box = document.getElementById('Box');console.log(box);在ie8及以下会通过name找<body> <div id="box1" name="box">123123</div> <script type="text/javascript"> var box = doc
2021-12-05 19:00:58 840
原创 1-DOM初探、JS对象、XML
(一)、DOMDOM Document Object Model文档对象模型DOM本身是一个对象,又叫宿主对象(二)、JS对象JavaScript有3种对象1、本地对象 Native Object: Object Function Array String Number Boolean Error EvalError SyntaxError RangeError ReferenceError TypeError URIError Date RegE
2021-12-05 18:12:08 86
原创 6-作用域与作用域链、闭包基础
(一)、作用域与作用域链了解AO和 GO 是为了解决js当中的一系列关于作用域和作用域链相关所产生的一切问题function test(a,b){ } console.log(test.name); //test console.log(test.length); //2 //可以看出function也有属性,其实函数也是一种对象类型,也是一种引用类型,也是一种引用值对象中有些属性我们是无法访问的,这些属性就是JS引擎内部固有的隐式属性既然我们用不了,为什么我们需要去研究这些隐式属
2021-12-05 17:28:17 88
原创 5-参数默认值、暗示全局变量、预编译
(1)、函数参数默认值初始化参数、如果不设置,参数默认值是undefinedfunction test(a, b){ console.log(a); console.log(b);}test(1); // 1// undefined不传递实参,给行参设置默认值es6才支持形参赋值function test(a = 1, b = 2){ console.log(a); console.log(b);}test();// 1// 2在实参里给b赋值,让a保持默认值fu
2021-12-05 11:56:40 143
原创 4-函数基础与种类、形实参及映射、变量类型
(1)、函数1、最基本的函数写法-函数声明function test(参数){ 函数的执行语句;}函数名的命名规则: 不能以数字开头 字母_ $ 包含数字 复合单词推荐小驼峰命名法2、函数表达式也叫函数字面量var test = function test1(){ var a = 1, b = 2; console.log(a,b); test1(); // 这个递归会造成死循环} console.log(test.name); //
2021-12-04 21:56:00 119
原创 3-循环、引用值、typeof()、显示与隐式类型转换
(1)循环1、for循环步骤:1、声明变量i= 0 2、if(i < 10){ console.log(i) } 3、i++ 重复步骤2、3,直到 2中条件不满足停止循环for(var i = 0; i < 10; i++){ console.log(i);}一道面试题:打印0-100的数()只能有一句,不能写比较{} 不能出现i++
2021-12-04 19:47:16 287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人