专栏首页前端知识分享第172天:面向对象基本知识点

第172天:面向对象基本知识点

一、构造函数和普通函数的区别

在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。

在函数调用的时候:

function fn() { }

 构造函数:1. new fn( )

                     2 .构造函数内部会创建一个新的对象,即f的实例

                     3. 函数内部的this指向 新创建的f的实例

                     4. 默认的返回值是f的实例

 普通函数1. fn( )

                     2. 在调用函数的内部不会创建新的对象

                     3. 函数内部的this指向调用函数的对象(如果没有对象调用,默认是window

                     4. 返回值由return语句决定

构造函数的返回值

     有一个默认的返回值,新创建的对象(实例)

     当手动添加返回值后(return语句):

          1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象(实例)

          2. 返回值是复杂数据类型(对象)-->真正的返回值是这个对象

二、Get/Set访问器

语法:

Object.defineProperty(obj, prop, descriptor)

参数:

obj:目标对象

prop:需要定义的属性或方法的名字。

descriptor:目标属性所拥有的特性。

可供定义的特性列表:

  • value:属性的值
  • writable:如果为false,属性的值就不能被重写。
  • get: 一旦目标属性被访问就会调回此方法,并将此方法的运算结果返回用户。
  • set:一旦目标属性被赋值,就会调回此方法。
  • configurable:如果为false,则任何尝试删除目标属性或修改属性以下特性(writable, configurable, enumerable)的行为将被无效化。
  • enumerable:是否能在for...in循环中遍历出来或在Object.keys中列举出来。
 1 Object.defineProperty(this, "price", {
 2     get: function () {return price*0.9;},
 3     set: function (value) {
 4         /*大概普通产品的价格都在0--1万*/
 5         if(value>10000)
 6         {
 7             alert('产品价格必须在0--1万之间');
 8         }else{
 9             price = value;
10         }
11     }
12 });
1 function Person() {  
2     var age = new Date().getFullYear() - 18;  
3     Object.defineProperty(this, "age", {  
4         get: function () { alert("内部存储数据为:" + age); return new Date().getFullYear() - age; },  
5         set: function (value) { age = value; }  
6     });  
7 }  

使用一下代码进行测试:

1 var p = new Person();  
2 p.age = 1994;  
3 alert("外部获取到的数据为:" + p.age);  

 三、函数声明和函数表达式的区别

函数声明是可以提升的,而函数表达式不可以提升

当我们定义一个函数表达式,在这个表达式前面是访问不到的。

1 //函数声明,变量fn以及其实现被提升到顶部
2 function fn(){
3     console.log('函数')
4 }
5 //函数表达式,仅变量fn2被提升到顶部,实现没有被提升
6 var fn2 = function(){
7     console.log('函数变量形式')
8 }

四、设置某个属性是否可写

1 /*我们的需求:自动计算打折后的价格*/
2 Object.defineProperty(this, "price", {
3     value:5000000,
4     writable: false,
5 });

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 第130天:移动端-rem布局

    当拿到设计师给的UI设计图,前端的首要任务就是布局和样式,相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单,关键在于对不同设备的适...

    半指温柔乐
  • 第16天:函数的定义和调用

    1、函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。

    半指温柔乐
  • 第133天:移动端开发的一些总结

    640 * 1136的图片能不能在iphone5上完全展示? iphone5分辨率640*1136

    半指温柔乐
  • 在循环内使用闭包(Closures)

    闭包的本质是一个内部函数访问其作用域之外的变量。闭包可以用于实现诸如 私有变量 和 创建工厂函数之类的东西。

    前端迷
  • 一套使用注入和Hook技术托管入口函数的方案

            工作中,我们可能会经常使用开源项目解决一些领域中的问题。这种“拿来主义”是一种“专业人干专业事”的思想,非常实用。(转载请指明出于breakso...

    方亮
  • JavaScript 模式》读书笔记(4)— 函数1

      从这篇开始,我们会用很长的章节来讨论函数,这个JavaScript中最重要,也是最基本的技能。本章中,我们会区分函数表达式与函数声明,并且还会学习到局部作用...

    zaking
  • R语言基础教程——第六章:函数

    一个函数是组合在一起以执行特定任务的一组语句。R具有大量内置函数,当然用户也可以创建自己的功能。

    DoubleHelix
  • Android应用安全解决方案

    公司为政府做的App开发完了,需要上一些手段保证安全。这样客户才放心嘛。 防止第三方反编译篡改应用,防止数据隐私泄露,防止二次打包欺骗用户。

    从今若
  • 代码洁癖系列(三):整洁的类和函数

    前面我们讨论了什么样的命名更能够让你赏心悦目,今天来讨论一下面向对象编程过程中最重要的环节,编写类和函数。我们仍然用Java来演示,什么样的类和函数才算是整洁的...

    Jackeyzhe
  • Es6浅析

    Babel 是一个 JavaScript编译器,它可以把我们编写的符合 ECMAScript 6 标准的代码完美地转换为 ECMAScript 5 标准的代码,...

    IMWeb前端团队

扫码关注云+社区

领取腾讯云代金券