javascript教程

HTML中javascript用法

如需在 HTML 页面中插入 JavaScript,请使用 标签之间,脚本可被放置在 HTML 页面的 和 部分中。

<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>

javaScript语法

字面量

数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。

3.14
1001
123e5 

字符串(String)字面量 可以使用单引号或双引号

"John Doe"
'John Doe' 

表达式字面量 用于计算

5 + 6
5 * 10 

数组(Array)字面量 定义一个数组

[40, 100, 1, 5, 25, 10] 

对象(Object)字面量 定义一个对象

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"} 

函数(Function)字面量 定义一个函数

function myFunction(a, b) { return a * b;} 

变量

JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值

var x, length
x = 5
length = 6 

操作符

JavaScript使用 算术运算符 来计算值

(5 + 6) * 10

赋值运算符给变量赋值

x = 5
y = 6
z = (x + y) * 10 

赋值,算术和位运算符 = + - * / 在 JS 运算符中描述
条件,比较及逻辑运算符 == != < > 在 JS 比较运算符中描述

###语句
语句是用分号分隔

x = 5 + 6;
y = x * 10;

注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略

// 我不会执行
/* 我不会执行  */

函数

​ function myFunction(a, b) {
​ return a * b; // 返回 a 乘以 b 的结果
​ }

js显示数据

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

语句标识符

​ break 用于跳出循环。
​ catch 语句块,在 try 语句块执行出错时执行 catch 语句块。
​ continue 跳过循环中的一个迭代。
​ do ... while 执行一个语句块,在条件语句为 true 时继续执行该语句块。
​ for 在条件语句为 true 时,可以将代码块执行指定的次数。
​ for ... in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
​ function 定义一个函数
​ if ... else 用于基于不同的条件来执行不同的动作。
​ return 退出函数
​ switch 用于基于不同的条件来执行不同的动作。
​ throw 抛出(生成)错误 。
​ try 实现错误处理,与 catch 一同使用。
​ var 声明一个变量。
​ while 当条件语句为 true 时,执行语句块。

js数据类型

JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等:

var length = 7;                             // 数字
var lastName = "Gates";                      // 字符串
var cars = ["Porsche", "Volvo", "BMW"];         // 数组
var x = {firstName:"Bill", lastName:"Gates"};    // 对象 

函数

函数定义

function functionName(parameters) {
  执行的代码
}

函数表达式

  • JavaScript 函数可以通过一个表达式定义
  • 函数表达式可以存储在变量中
  • 在函数表达式存储在变量后,变量也可作为一个函数使用
var x = function (a, b) {return a * b};
var z = x(4, 3);

构造函数

上面我们通过关键子function定义函数,同样我们还有可以使用js钩爪函数(Function)来定义

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);

自调用函数

js函数可以 自调用,如果表达式后面紧跟 () ,则会自动调用。

(function () {
    var x = "Hello!!";      // 我将调用自己
})(); 

参数

JavaScript 函数有个内置的对象 arguments 对象。

x = sumAll(1, 123, 500, 115, 44, 88);
 
function sumAll() {
    var i, sum = 0;
    for (i = 0; i < arguments.length; i++) {
        sum += arguments[i];
    }
    return sum;
}

js可以带默认参数

function myFunction(x, y = 10) {
    // y is 10 if not passed or undefined
    return x + y;
}
 
myFunction(0, 2) // 输出 2
myFunction(5); // 输出 15, y 参数的默认值

函数作为方法调用

在 JavaScript 中你可以将函数定义为对象的方法。

以下实例创建了一个对象 (myObject), 对象有两个属性 (firstNamelastName), 及一个方法 (fullName):

var myObject = {
    firstName:"John",
    lastName: "Doe",
    fullName: function () {
        return this.firstName + " " + this.lastName;
    }
}
myObject.fullName();         // 返回 "John Doe"

使用构造函数调用函数

如果函数调用前使用了 new 关键字, 则是调用了构造函数。

构造函数的调用会创建一个新的对象。新对象会继承构造函数的属性和方法。

// 构造函数:
function myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}
 
// This    creates a new object
var x = new myFunction("John","Doe");
x.firstName;                             // 返回 "John"

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×