博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js基础知识:闭包,事件处理,原型
阅读量:4480 次
发布时间:2019-06-08

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

闭包:其实就是js代码在执行的时候会创建变量对象的一个作用域链,标识符解析的时候会沿着作用域链一级一级的网上搜索,最后到达全局变量停止。所以某个函数可以访问外层的局部变量和全局变量,但是访问不了里层的变量

with和catch语句都会在作用域的前端添加一个变量对象

function buildUrl(){            var qs = "?debug=true"            with(location){                var url = href + qs ;            }            return url        }

如果一个函数对象要访问内层函数中的变量的话,就用return就行了

 

事件处理:事件先捕获然后再冒泡,从document开始在document结束,addEventListener中第三个参数为true时,在捕获阶段处理事件,为false是在冒泡阶段处理事件,默认为false

ie有自己的attachEvent方法,与addEventListener不同的是,事件名中多了‘on’,而且没有第三个参数,只支持冒泡

 

原型:

function Person(name) {             this.name = name;        }        var person1 = new Person('Mick');

每一个创建的函数都有原型属性,它是一个指针,指向函数的原型对象。

每个函数的实例都有一个构造函数的指针,指向原函数对象

console.log(person1.constructor == Person); //true

原型对象其实也相当于一个实例,所以他的构造函数也指向原函数对象

console.log(person1.constructor==Person.prototype.constructor)//true

每个对象都有 __proto__ 属性,但只有函数对象才有 prototype 属性

继承就是让sub的原型指向另一个函数对象(super的实例),从而而这个原型对象的constructor属性指向的是函数对象super

原型对象本来就是可以让实例对象共享其中的方法,所以,这个时候sub就可以访问到super实例和super的原型对象中的方法了

function Super() {             this.sayHi = ()=>{                 alert('hi')             }        }        function Sub(){            this.say = ()=>{                alert('im sub')            }        }        Sub.prototype = new Super()        var sub1 = new Sub() ;        console.log(sub1.__proto__.constructor==Super)//true      console.log(sub1.__proto__.__proto__==Super.prototype)//true

 

转载于:https://www.cnblogs.com/maskmtj/p/9397761.html

你可能感兴趣的文章
QMetaObject::connectSlotsByName 总结
查看>>
Android 微信支付步骤
查看>>
js操作table
查看>>
JQuery学习系列篇(一)
查看>>
Centos7 minimal 系列之rabbitmq安装(八)
查看>>
英语语法(2)----点破主谓宾系表三大句型
查看>>
html如何与cgi数据交换,HTML网页与CGI之间通信的 实例分析
查看>>
html如何调用flash插件,htmlflash播放器插件如何播放 网页播放器flash插件怎么解决...
查看>>
mysql数据在html上面显示不出来的,HTML表格不能正确显示MySQL数据
查看>>
数据包和html,数据包和数据报有何区别?
查看>>
jq 异步调用一个html,聊聊如何将jQuery的$.ajax()用于异步HTTP请求
查看>>
android 7.0宽度432,全球最小的4G手机,比手掌还小,安卓7.0
查看>>
android fragmentstatepageradapter框架,Android FragmentStatePagerAdapter
查看>>
html自适应meta标签,自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结...
查看>>
html怎么加入编辑器,HTML 编辑器
查看>>
python发挥程度_你为什么用 Python?
查看>>
file 选择的文件胖多有多大_「HTML5 进阶」FileAPI 文件操作实战,内附详细案例,建议收藏...
查看>>
玄惭 mysql_阿里云数据库专家玄惭的“武功”全记录之最佳实践、双十一特别篇...
查看>>
c mysql 时间段查询_mySql 时间段查询
查看>>
mysql sql乱码怎么解决_MYSQL数据库导入SQL文件出现乱码如何解决
查看>>