
JavaScript 核心技术
文章平均质量分 90
学习目标:
1.掌握JS语法,理解面向对象的概念
2.掌握JS内置对象的使用
3.掌握BOM和DOM对象的使用
4.掌握JS执行机制,封装动画函数
5.掌握移动端事件与移动端特效开发
柯晓楠
一位前端技术爱好者
展开
-
JavaScript中的继承与原型链详解
同理,原型对象也是一个对象,它也有自己的原型对象,因此也可以继承它的原型对象的属性。这样的实现避免了引用类型的属性被所有实例共享的问题,在父类实例创建时还可以自定义地传参,缺点是方法都是在构造函数中定义,每次创建实例都会重新赋值一遍方法,即使方法的引用是一致的。在访问一个对象的时候,JavaScript 引擎会执行一个搜索过程,如果在对象实例上发现该属性,该属性值就会被使用,如果没有发现则搜索其原型对象。这就是原型继承链:对象继承其原型对象,而原型对象继承它的原型对象,以此类推。原创 2024-08-06 14:56:17 · 1260 阅读 · 2 评论 -
JavaScript中的闭包与高阶函数详解
当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。var a = 2return barbaz() // 输出: 2foo 函数传递出了一个函数 bar,传递出来的 bar 被赋值给 baz 并调用,虽然这时 baz 是在 foo 作用域外执行的,但 baz 在调用的时候可以访问到前面的 bar 函数所在的 foo 的内部作用域。原创 2024-08-06 14:51:05 · 846 阅读 · 0 评论 -
javascript 中 this 关键字详解
此时 bar 函数,也就是 obj 上的 foo 方法为什么又指向了全局对象呢,是因为 bar 方法此时是作为函数独立调用的,所以此时的场景属于默认绑定,而不是隐式绑定。执行时箭头函数中 this 是全局 window,首先打印出 window 上的属性 a 的值 20,箭头函数返回了一个原型上有个值为 50 的属性 a 的函数对象 func 给 bar;而 bind 方法是设置 this 为给定的值,并返回一个新的函数,且在调用新函数时,将给定参数列表作为原函数的参数序列的前若干项。原创 2024-08-06 14:38:46 · 1203 阅读 · 0 评论 -
Object.defineProperty、Proxy、Reflect 三大对象介绍
Proxy 可以理解成,在目标对象之前设置了一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。对象是由多个键值对组成的无序集合,对象中每个属性对应任意类型的值。Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义,比如:属性查找、属性赋值、属性枚举、函数调用等。的使用场景是,目标对象不允许直接访问,必须通过代理访问,一旦访问结束,就收回代理权,不允许再次访问。为对象定义新的属性,或修改原有的属性。对象的方法是一一对应的。原创 2024-07-15 14:29:18 · 1083 阅读 · 0 评论