博客列表 >javascript创建对象的方式(字面量或构造函数)_2018年9月11日

javascript创建对象的方式(字面量或构造函数)_2018年9月11日

PHP学习
PHP学习原创
2018年09月12日 23:02:58727浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript创建对象的方式(字面量或构造函数)</title>
</head>
<body>
<script type="text/javascript">
//字面量函数生成
function getadd(a,b) {
    return (a+b)
}
console.log(getadd(1,2));
//构造函数生成
function getadd(data) {
    return (data.x+data.y)
}
console.log(getadd({x:1,y:2}));
//代替构造函数
    function createObj() {
        return {
            x:10,y:20,z:30,
            sum:function () {
                return this.x + this.y + this.z
            }
        }
    }
    var obj = createObj();//将里面的值赋值给obj,然后利用console.log()来输出当中的值。
    console.log(obj.sum());
    createObj().sum();//此中方法就是链式调用方法
    //函数构造new表达式
    function MyClass(x,y) {
        this.x = x;
        this.y = y;
    }
    var obj1 =new MyClass(2,3);
    console.log(obj1.x);
    console.log(obj1.y);
</script>
</body>
</html>

<!--javascript所有的代码也是写在<script></script>中间,由于现在javascript使用最多的前端脚本,所以可以不声明type为text/javascript-->
<!--javascript里面的声明的变量,结束的时候可以不用;来结束,默认是不;来结束的-->
<!--1、alert()弹窗-->
<!--alert(site);-->
<!--2、console.log()是控制台输出-->
<!--3、write()是浏览器输出-->
<!--4、let是声明变量用的,相当于PHP中的$符号-->
<!--5、函数的声明与PHP函数的声明一样都是function声明-->
<!--6、let与var的区别在于,let未初始化,而var有变量明,会有初始值。-->
<!--7、typeof可以检测类型,只能检测出原始类型与函数,其它的都返回Object-->

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议