网站首页 > 技术文章 正文
构造函数和普通函数的区别:
没有区别, 就看使用, new就是构造函数, 函数()就是普通函数调用。
构造器:使用什么元素实例化的对象,元素就称为该对象的构造器
var cat = new Animal();
Animal就称为cat对象的构造器。
普通函数和构造函数内部都可以使用this关键字
function Wolf(){
this.eye = "闪闪发光";
this.tail = "笔直的尾巴";
}
Wolf();//普通函数调用, 结果给系统生成两个全局变量eye和tail
document.write(eye);
对象.constructor; //获得构造器
//获得对象的构造器
function Wolf(){
this.eye = "闪闪发光";
}
var north = new Wolf();
document.write(north.constructor);//function Wolf(){ this.eye = "闪闪发光"; }
//查看"函数对象"的构造器
function getInfo(){}
document.write(getInfo.constructor);//function Function() { [native code] }
//通过构造器new一个函数出来
//var 函数名字 = new Function(参数, 参数, 参数, ... 函数体);
//function f1(name,addr){document.write(name+'--'+tom)}
var f1 = new Function('name','addr',"document.write(name+'--'+addr)");
f1('linken','newyork');//linken--newyork
return对实例化对象的影响
<script type="text/javascript">
//return对实例化对象影响
//本质没有大的影响。最终结果仍然是一个对象
//但是return后边的代码不给执行
function Animal(){
this.name = "wangcai";
this.hobby = "看家护林";
return 123;//返回信息,终止函数执行
this.age = 5;
}
var black = new Animal();//接收的信息是对象 还是return返回值
document.write(black.name);//wangcai
document.write(black.hobby); //看家护林
document.write(black.age); //undefined
</script>
构造函数不用写return就能帮你返回一个对象,但如果写了return怎么办?
如果return基本类型值, 则无视return, 函数该返回什么就返回什么, 但return会结束构造函数的执行。
如果return引用类型值, 就不返回new出的对象了, 则返回return的定义的返回值, 原有return被覆盖。
function People(name,age,sex){
this.name = name;
this.age = age;
return 100; //返回基本类型值,所以被忽略
this.sex = sex; //return会打断程序执行
}
- 上一篇: vue3-自定义指令
- 下一篇: JavaScript中的7个逆天console方法,你绝对想不到
猜你喜欢
- 2025-01-02 JavaScript字符串toString()方法教程
- 2025-01-02 vue3 - 内置组件Teleport的使用
- 2025-01-02 网页三维CAD中加载和保存STEP模型
- 2025-01-02 在.NET Web API中设置响应输出Json数据格式的两种常用方式
- 2025-01-02 剖析Selenium代码执行时元素查找失败的缘由
- 2025-01-02 H5的Canvas绘图——使用fabricjs绘制一个可多选的随机9宫格
- 2025-01-02 jscanify:支持 Node.js/浏览器/React 移动文档扫描仪
- 2025-01-02 js事件机制详解
- 2025-01-02 Java ArrayList用法详解附代码示例
- 2025-01-02 如何用枚举快速提高编程效率,数据元素快速对应,小枚举大作用
- 最近发表
-
- count(*)、count1(1)、count(主键)、count(字段) 哪个更快?
- 深入探索 Spring Boot3 中 MyBatis 的 association 标签用法
- js异步操作 Promise fetch API 带来的网络请求变革—仙盟创梦IDE
- HTTP状态码超详细说明_http 状态码有哪些
- 聊聊跨域的原理与解决方法_跨域解决方案及原理
- 告别懵圈!产品新人的接口文档轻松入门指南
- 在Javaweb中实现发送简单邮件_java web发布
- 优化必备基础:Oracle中常见的三种表连接方式
- Oracle常用工具使用 - AWR_oracle工具有哪些
- 搭载USB 3.1接口:msi 微星 发布 990FXA Gaming 游戏主板
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)