JavaScript对象

  • JavaScript中所有事物都是对象:字符串、数值、数组、函数、数学和正则表达式
  • JavaScript有些类型可以是字面量而非对象:如字符串、数值、布尔值
  • JavaScript允许自定义对象
  • JavaScript提供多个内建对象,如String、Date、Array等等。
  • 对象是带有属性和方法的特殊数据类型。

创建JavaScript对象:

1 var object = new Object();

<script>
var Person = new Object();
Person.firstName = "腾";
Person.age = "22";
Person.color = "blue";
document.write(Person.firstName + " and age is "+ Person.age + " and color is "+Person.color);
</script>

2 替代语法:

<script>
person = {firstName:"liteng", age:"12"};
document.write(person.firstName + " age " + person.age);
</script>

3 使用对象构造函数,通过new对象的方式来使用

注意:在对象构造方法中添加函数,需要对函数名先进行声明,但不必在对象

<script>
function myFather(firstname,age){
this.firstname = firstname;
this.age = age;
this.changeName = changeName;
function changeName(name){
this.firstname = name;
}
}
myFather = new myFather("liteng","12");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
myFather.changeName("xu");
document.write(myFather.firstname);
</script>

JavaScript类

JavaScript是面向对象的语言,但JavaScript不使用类。即JavaScript中不会创建类,也不会通过类来创建对象。

JavaScript是基于prototype,而不基于类。

<p id="p1">
点击下面的按钮,循环遍历对象"person"属性
</p>
<button type="button" onclick="myFunction()">点击</button>
<script type="text/javascript" charset="utf-8">
function myFunction(){
var x;
var txt = "";
person = {firstName:"liteng" , age:"12"};
for(x in person){
txt = txt + person[x];
}
document.getElementById("p1").innerHTML = txt;
}
</script>

10 JavaScript对象&类&for循环的更多相关文章

  1. 简述JavaScript对象、数组对象与类数组对象

    问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...

  2. JavaScript 系列--JavaScript一些奇淫技巧的实现方法(二)数字格式化 1234567890转1,234,567,890;argruments 对象(类数组)转换成数组

    一.前言 之前写了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳 https://www.mwcxs.top/page/746 ...

  3. 深入JavaScript对象(Object)与类(class),详细了解类、原型

    JavaScript基于原型的对象机制 JavaScript原型上的哪些事 一.JavaScript基于原型的对象机制 JavaScript对象是基于原型的面向对象机制.在一定程度上js基于原型的对象 ...

  4. Javascript创建类和对象

    现总结一下Javascript创建类和对象的几种方法: 1.原始的创建方法: <script type="text/javascript"> var person = ...

  5. 扩展javascript扩展(类,对象,原型)

     扩展javascript扩展(类,对象,原型)

  6. 细说JavaScript对象(4): for in 循环

    如同 in 运算符一样,使用 for in 循环遍历对象属性时,也将往上遍历整个原型链. // Poisoning Object.prototype Object.prototype.bar = 1; ...

  7. JavaScript:学习笔记(10)——XMLHttpRequest对象

    JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象 使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新 ...

  8. C++ primer plus读书笔记——第10章 对象和类

    第10章 对象和类 1. 基本类型完成了三项工作: 决定数据对象需要的内存数量: 决定如何解释内存中的位: 决定可使用数据对象执行的操作或方法. 2. 不必在类声明中使用关键字private,因为这是 ...

  9. JavaScript对象的两类属性(数据属性与访问器属性)

    对JavaScript来说,属性并非只是简单的名称和值,JavaScript用一组特征(attribute)来描述属性 (property). 第一类属性数据属性具有四个特征. value:就是属性的 ...

随机推荐

  1. Go时间

    package main import ( "time" "fmt" "math/rand" ) func main() { /* time ...

  2. 每日扫盲(四):java之Netty原理和使用

    转自:https://www.jdon.com/concurrent/netty.html Netty是一个高性能 事件驱动的异步的非堵塞的IO(NIO)框架,用于建立TCP等底层的连接,基于Nett ...

  3. 给footer标签设置padding:7px auto;失效

    margin:auto可以做到水平居中,前提条件就是,这个标签是块状元素,并且有个确定的宽度,百分比的宽度也行: padding的话, 设置成auto它会自动继承浏览器的padding值, 当设置pa ...

  4. Linux Mysql8每天定时备份数据库并自动删除7天之前的备份

    在某一文件夹下创建shell文件: vi /var/spool/cron/mysqlbak.sh 复制如下内容: #!/bin/bash # Name:name.sh backupdir=/www/m ...

  5. 安卓开发:图片的显示Mode

    安卓开发中将图片放置在ImageView中展示,涉及到图片显示的模式,跟iOS开发中UIView的contentMode属性是一个意思,在安卓UI元素中使用的属性是scaleType,其中枚举值的效果 ...

  6. GO:go语言介绍

    什么是go语言 Google开源 编译型语言 21世纪的C语言 go开发团队: go的特点 语法简洁 开发效率高 执行性能好 发展现状 最近新兴的行业公司一般会使用go语言作为主要开发语言 容器虚拟化 ...

  7. java篇 之 静态

    Final:不可改变 Static:静态修饰符,在编译阶段就能确定了,可以修饰成员变量,相应的称之为静态变量 是一个共享的变量(被这个类和这个类所产生的对象所共享的,他是唯一的,出生时间 为类第一次产 ...

  8. 在visual studio 2015 中调试caffe

    看到这里,默认已经安装并编译过caffe了. 要学习caffe源码就要调试,在windows下调试.使用visual studio 2015调试caffe源码. 第一步:将生成caffe.lib的ca ...

  9. ajax中 踩过的坑

    直接上图:  以前一直对  dataType  这个参数  模棱两可,只知道一般写的是 json 正解:这个dateType  指的是 ajax  返回数据的格式.比如:你想返回一个“success& ...

  10. iOS-动态库创建(详解)

    https://blog.csdn.net/LisztCoder/article/details/78132147 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原 ...