首页  >  文章  >  web前端  >  原生 js 构造函数

原生 js 构造函数

不言
不言原创
2018-04-10 14:36:161364浏览

本篇文章给大家分享的内容是关于原生 js 构造函数 ,有着一定的参考价值,有需要的朋友可以参考一下

javascript 是一种基于对象的语言,它包含5中原生数据类型:

  • number(数值类型)

  • boolean(布尔值类型)

  • string(字符串类型)

  • null(空)

  • undefined(未定义)

    除此之外,其他的都是对象,函数也是一个对象;

function fn(){
  //这是一个函数声明,函数是一个特殊的对象}

构造函数定义
构造函数是一个普通的函数,与其他函数没有任何区别,可以理解为 函数==构造函数,它只是概念上的一个定义,使用它用来实例化对象。

对于JavaScript的内置对象,Object、Array、Date等等这些都是构造函数。

function Fn(){}var f = new Fn() //实例化对象

使用new运算符返回的对象并不一定是实例本身,也可以在构造函数用使用return改变返回值:

function Obj() {
  this.a = 1;  return { a: 2 };
}var o = new Obj(); // o并不是Obj的实例console.log(o.a); // 输出2

前面说到了函数也是一个对象,在JavaScript的内置对象中,所有的函数对象都是Function构造函数的实例,比如:Object、Array等等,

使用 instanceof 这个运算符就可以校验

  • instanceof运算符返回一个指定的对象是否一个类的实例,格式如:A instanceof B。其中,左操作数必须是一个对象,右操作数必须是一个类(构造函数);

  • 判断过程:如果函数B在对象A的原型链中被发现,那么instanceof操作符将返回true,否则返回false。

alert(Function instanceof Function); // Function函数对象 本身就是自己的一个实例alert(Object instanceof Function); // Object函数对象 是 Function构造函数的一个实例alert(arr instanceof Array);

           

javascript 是一种基于对象的语言,它包含5中原生数据类型:

  • number(数值类型)

  • boolean(布尔值类型)

  • string(字符串类型)

  • null(空)

  • undefined(未定义)

    除此之外,其他的都是对象,函数也是一个对象;

function fn(){
  //这是一个函数声明,函数是一个特殊的对象}

构造函数定义
构造函数是一个普通的函数,与其他函数没有任何区别,可以理解为 函数==构造函数,它只是概念上的一个定义,使用它用来实例化对象。

对于JavaScript的内置对象,Object、Array、Date等等这些都是构造函数。

function Fn(){}var f = new Fn() //实例化对象

使用new运算符返回的对象并不一定是实例本身,也可以在构造函数用使用return改变返回值:

function Obj() {
  this.a = 1;  return { a: 2 };
}var o = new Obj(); // o并不是Obj的实例console.log(o.a); // 输出2

前面说到了函数也是一个对象,在JavaScript的内置对象中,所有的函数对象都是Function构造函数的实例,比如:Object、Array等等,

使用 instanceof 这个运算符就可以校验

  • instanceof运算符返回一个指定的对象是否一个类的实例,格式如:A instanceof B。其中,左操作数必须是一个对象,右操作数必须是一个类(构造函数);

  • 判断过程:如果函数B在对象A的原型链中被发现,那么instanceof操作符将返回true,否则返回false。

alert(Function instanceof Function); // Function函数对象 本身就是自己的一个实例alert(Object instanceof Function); // Object函数对象 是 Function构造函数的一个实例alert(arr instanceof Array);

相关推荐:

js构造函数、索引数组和属性的实现方式和使用_javascript技巧

以上是原生 js 构造函数 的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn