JavaScipt基本教程之JavaScript语言的基础_基础知识

Javascript Objects - Javascript语法基础 - Javascript核心

原文: http://pij.robinqu.me/Javascript_Core/Javascript_Basics/Objects.html

源代码： https://github.com/RobinQu/Programing-In-JavaScript/blob/master/chapters/JavaScript_Core/Javascript_Basics/Objects.md

• 本文需要补充更多例子
• 本文存在批注，但该网站的Markdown编辑器不支持，所以无法正常展示，请到原文参考。

Javascript Objects

创建对象

• 对象直接量

  var o = {
  foo : "bar"
  }

• 构造函数

  var o = new Object();

• 原型继承

  var p = Object.create(o);

类继承

Javascript对象拥有自有属性和继承属性。

• 在查询对象o的属性x时，先查找o中的属性x，如果没找到，则查找o的原型对象中的x属性，直到查找到x或者一个原型是null的对象为止

• 在给对象o的x属性赋值时，如果o中已经有一个自有属性x，则改变x的值，若o中不存在属性x，则为o创建一个x属性并赋值

• 也就是说，只有在查询时原型链才会起作用。

  var O = {
  x : 1
  };

  function P() {
  this.y = 2;
  }

  P.prototype = O;

  var t = new P();
  console.log(t);
  console.log(''x'' in t);//true
  console.log(t.hasOwnProperty(''x''));//false

可以使用in 或者 hasOwnProperty 来判断对象中是否存在属性。

对象属性

• 遍历对象属性

可以使用 for..in 来遍历对象的属性

使用for..in时会遍历到原型链上的属性。遍历顺序是以广度优先遍历

所以使用hasOwnProperty便可以判断是否是对象自有的属性。

• 对象属性的特性

使用Object.getOwnPropertyDescriptor()获取对象特定属性的描述符

可写性(writable) 表示对象属性是否可写

例如

var o = {
    foo : ''bar''
}

Object.defineProperty(o, "foo", { writable : false });

o.foo = ''world'';
console.log(o.foo);//仍然输出bar

可枚举性(enumerable) 表示对象属性是否可枚举

例如
Array中的length等属性的 enumerable是false，所以，

for (p in Array) {
    console.log(p);
}

什么也不输出

可配置性(configurable) 表示可否修改属性的可配置性和可枚举性

可以用Object.defineProperties来定义这些配置属性。

Object.defineProperty(o, "foo", { writable : false });

Get 表示获取对象属性的方法
Set 表示设置对象属性的方法

示例

var book = {
    _year: 2004,
    edition: 1
};
Object.defineProperty(book, "year", {
    get: function () {
        console.log(''get year'');
        return this._year;
    },
    set: function (newValue) {
        console.log(''set year'');
        if (newValue > 2004) {
            this._year = newValue;
            this.edition += newValue - 2004;
        }
    }
});
book.year = 2005;//控制台输出‘set year’
console.log(book.year);//控制台输出‘get year’和year的值

对象方法

• toString 将对象转换成字符串，默认的转换会是[object Object]之类的东西，所以需要转成json格式的话可以用JSON.stringify

• valueOf 需要将对象转换成其他类型的时候要用到。同样的，默认转换没什么值得说的。

可执行对象

通过如下方法可以创建一个可执行对象

function bar(o) {
    var f = function() { return "Hello World!"; }
    o.__proto__ = f.__proto__;
    f.__proto__ = o;
    return f;
}

var o = { x: 5 };
var foo = bar(o);

console.log(foo());
console.log(foo.x);
console.log(typeof foo);//function

既可以当作对象来使用（有原型链），也可以当作函数来直接调用

JavaScript基本语法学习教程_javascript技巧

javascript的基本概念

i. javascript语言是网页中广泛使用的一种脚本语言。

ii. Javascript语言的特点：

1. 由Netscape公司开发，基于对象和事件驱动并具有一定安全性的脚本语言。
2. 特点：

a) Javascript是一种脚本语言，同时也是一种解释性语言；
b) Javascript是靠浏览器中的javascript解释器来运行的，与操作环境没有关系；
c) 在javascript中，采用的是不太严格的数据类型，这样的俄好处是在定义或使用数据的时候可以更加方便，但也带来了容易混淆的问题；
d) Javascript是一种基于对象的语言，这样就可以自己创建对象，并运用自己所创建的对象中的属性和方法制作出许多功能来；
e) Javascript的主要作用是让网页动起来，同时也存在这一定的交互；
f) Javascript具有安全性，不允许用户访问本地硬盘，不允许对网络中的文档进行修改或删除，这样就能有效地防止数据丢失以及恶意修改。
g) 示例： HTML文件内置脚本

<script language="javascript"> Document.write("<font color=blue>Hello,JavaScript!</font>"); </script> HTML文件外接脚本
<script src="1.js"> </script> //1.js Document.write("<font color=blue>JavaScript,Hello!</font>"); 

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示：您也可能看到不带有分号的案例。

在 JavaScript 中，用分号来结束语句是可选的。

JavaScript 代码

JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。

浏览器会按照编写顺序来执行每条语句。

JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始，由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

下面的例子将运行可操作两个 HTML 元素的函数：

JavaScript 对大小写敏感

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。

单行注释以 // 开头。

JavaScript 多行注释

多行注释以 /* 开始，以 */ 结尾。

JavaScript 变量

与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

•变量必须以字母开头

•变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

•变量名称对大小写敏感（y 和 Y 是不同的变量）

提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

JavaScript 数据类型

JavaScript 变量还能保存其他数据类型，比如文本值 (name="Bill Gates")。

在 JavaScript 中，类似 "Bill Gates" 这样一条文本被称为字符串。

JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。

当您向变量分配文本值时，应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。

JavaScript 计时事件

通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:

立即学习“Java免费学习笔记（深入）”；

setTimeout()未来的某时执行代码

clearTimeout()取消setTimeout()

通过以上内容给大家介绍了javascript基本语法相关知识，希望对大家今后工作学习有所帮助。

关于Javascript基础教程之JavaScript语法和javascript基本语法的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于JavaScipt基本教程之JavaScript语言的基础、JavaScipt基本教程之JavaScript语言的基础_基础知识、Javascript Objects - Javascript语法基础 - Javascript核心、JavaScript基本语法学习教程_javascript技巧的相关知识，请在本站寻找。