js对象
2021-04-03 05:26
阅读:689
YPE html>
标签:返回 this关键字 通过 data属性 htm head doc 入门 person
一:js对象的创建:
(1):创建对象:在JavaScript中,除了字符串、数字、逻辑值和undefined等原始值之外,其他的值都是对象
function
(2):对象方法和属性:
function
(3):原型对象:
DOCTYPE html>
html>
head>
title>functiontitle>
script type="text/javascript">script>
script>
function Books(name,price) //定义构造函数
{
this.Book = function()
{
document.write(‘在构造函数中定义了方法,每个由构造函数创建的对象均拥有方法函数的副本‘);
}
this.name = name //this是当前对象.
this.price = price
}
//每个方法都有一个pritotype属性.用来引用原型对象.
Books.prototype.publisher = ‘人民邮电出版社.‘ //定义原型对象属性.
Books.prototype.out = function() //定义原型对象方法.
{
document.write(‘
这是原型对象的out()方法的输出.‘)
}
var b = new Books(‘ASP现在该不该学‘,38)
document.write(‘对象b:
‘)
with(b)
{
document.write(‘
name = ‘+name)
document.write(‘
price = ‘+price)
document.write(‘
publisher = ‘+publisher)//publisher为继承自原型对象的属性.
out() //打印出的out()方法就是引用的函数体.
document.write(‘
‘)
Book() //继承的函数.
}
document.write(‘添加到属性和方法,对象b:
‘)
b.publisher = ‘清华大学出版社.‘
b.out = function()
{
document.write(‘
这是对象的out()方法的输出.‘)
}
with(b)
{
document.write(‘
name =‘+name)
document.write(‘
price = ‘+price)
document.write(‘
publisher = ‘+publisher)
out()
document.write(‘
‘)
Book()
}
script>
head>
BODY>
BODY>
html>
(4):继承:
DOCTYPE html>
html>
head>
title>window对象title>
script type="text/javascript">script>
style type="text/css">style>
script>
var a = Object.create(window) //a继承自window对象.
document.write(‘
:‘+typeof(a))
window.onerror = function (msg,url,line)
{
alert(‘出错了:\n错误信息:‘+msg+‘\n错误文档:‘+url+‘\n出错位置:‘+line)
}
var a = 10
x = a+b
script>
head>
body>
body>
html>
(5):自定义对象属性引用对象:
DOCTYPE html>
html>
head>
title>属性引用对象title>
head>
script type="text/javascript">
var a = {}; //定义一个空对象.
console.log(typeof a);
var e = {p:{c:"deng"}}
console.log(e.p);
console.log(typeof e.p);
console.log(e.p.c);
script>
body>
body>
html>
(6):微信小程序中使用到的创建js对象的方法:在微信小程序框架中,js文件中就使用到下面这种方式来创建对象:
DOCTYPE html>
html>
head>
title>对象属性title>
head>
script type="text/javascript">
function page(ob){
console.log(ob.data);
return ob; //返回的是一个通过page方法创建的对象.
}
var ob = page({ //在微信小程序中page.js中用到这种方法;
data:"mysql database",
fun:function(){console.log(‘属性引用一个函数‘);},
duixian:{p:"我是一个属性引用的对象的属性值"}
})
var ob1 = ({
data:{
},//data属性引用对象.
person:{
}
})
console.log(typeof ob);
ob.fun(); //属性引用一个函数
console.log(ob.duixian.p); //我是一个属性引用的对象的属性值
ob.fun1 = function(){
console.log(‘使用.操作符调用属性‘);
}
ob.fun1();//使用.操作符调用属性
ob[‘fun2‘] = function(){
console.log(‘使用中括号调用属性‘);
}
ob.fun2();
script>
body>
body>
html>
js对象
标签:返回 this关键字 通过 data属性 htm head doc 入门 person
原文地址:https://www.cnblogs.com/1314bjwg/p/12545573.html
下一篇:JS的数据类型
评论
亲,登录后才可以留言!