入门教程

入门教程
首先,简要介绍

1。Javascript是什么

Javascript是Netscape(Netscape)基于客户机浏览器(基于)面向对象、事件驱动的Web页面开发的一种Web脚本语言

2。为什么要使用Javascript

表单验证

Javascript

游戏

Ajax

三.快速的引进

程序中,如果你想写js代码,有两种方法可以做:

1)在HTML文件中,它直接写在一对脚本标记中。
document.write(你好);

2)在js中,直接用HTML编写,使用一对脚本标记直接引用
以上两个不能在一对脚本标记中重用,引用不能写入文件的内容。

两。基本语法

1,基本格式

Javascript的分化情况
变量A和变量a是两个变量。
Javascript脚本必须嵌入到HTML文件中。
HTML标记代码不包含在Javascript脚本中。

document.write('');
每行写一个脚本语句

可以在语句结尾处添加分号。

Javascript脚本可以独立保存为外部文件。

2。在脚本标签上

语言:引用语言Javascript,PHP,C #,VBscript

引用外部js文件

三.在变量

变量是暂时存储值的容器,变量存储的值可以更改。

变量必须声明为首先使用,使用var声明变量。

使用var声明:本地变量

不使用var声明:全局变量

变量命名:第一个字符必须是字母或下划线(英语,_);然后字符可以是英文字母、数字、下划线;Javascript变量名称不能是保留字

变量的范围:一个全局变量,一个局部变量

4。数据类型(如果类型语言,定义不需要生成数据类型)

字符串:

编号:10、10.01、100号

布尔值:布尔true,false

定义:定义

空:空

对象:对象类型

使用对信息的完整描述
变量名=;
var年龄= 30;
var =真的;
var高度= 1.8;

document.write('');
document.write('name' +姓名+);
document.write(年龄+年龄+);
document.write('hunfou +结婚+);
document.write('height +高度+);
document.write('');

函数(人){ }
新的人();
P1。名称=李四;
年龄= 20;2013 12 31
document.write(P1。姓名+);
document.write(P1。年龄+);
5。算子

1)算术运算

+,*,,%,++,—

我+ +

+ +我

var I=10;
var
自附加赋值以来的第一个
document.write(J); / / 10
document.write(K); / / 12

2)比较运算符

,=,< =,!= =,,!

=和= =有什么区别

=:判断值相等

=:判断值等于同一类型

var i = 5; /
var5;

如果(i = j){
document.write('equal);
}
如果(i = = j){
document.write(等于);
}
3)逻辑运算符

和| |,!

4)赋值运算符

=,=,=,* = =,,

计算运算符的左右两侧,并将其分配到左边。

字符串运算符

+,+(带有点的PHP)

三。过程结构

顺序结构

分支结构

循环结构

1。序列结构

代码是由一行行后执行的。

2,分支结构

如果,否则,如果,开关

3、循环结构

为……而…为…而…

小游戏:

猜谜游戏:进入页面后,随机数为1 - 500,弹出输入框,用户输入一个数字,如果数字大于随机数,
var n = math.round(数学。随机)(×500); / /随机数
警报(N);
而(真正的){
var =提示符(请输入一个在0到500之间的数字);用户输入
如果(数>N)警报(大的);
如果(数<n)警报('smaller);
如果(数字= n){
警报(右~ ~ ~ ~);
打破;
}
}

四。功能

1、功能函数

代码的重复使用

Modular programming

2。Grammar:

函数在使用函数之前定义。

函数定义分为三个部分:函数名、参数表、函数体。

定义函数的格式

函数名({参数1,参数2…})

功能执行部分;

返回表达式;

} * *

调用语法:

函数名(实数参数1,实数参数2,…);

三.代码示例

例1:函数的定义和调用
函数定义
函数显示(){
警报(你好);
}

函数调用
显示();
显示();
显示();

例2:关于函数的参数问题
在标题中,第一,第二是参数,i和j是实参数。

在函数执行过程中,参数值的变化不影响实际参数。

按值传递

地址转移映射:

在js中,对象类型是由地址通过地址传递的。
功能显示(obj){
Obj的名字= 'lisi;
}

新对象();
P1。名称= 'zhangsan;

显示(P1);
警报(P1。名称); / /丽丝
警报(P1);
js的基本类型是按值传递的。
var a=1;
函数(x){
x=2;
}
富(A);
console.log(一); / / 1,x = 2是不是由分配的影响
再看一遍对象:
var obj = { x:1 };
函数富(o){
OX = 3;
}
foo(obj);
console.log(obj,x); / / 3,修订!
它表明,O和obj是相同的对象,而不是一个复制的对象。所以它不是值传递。但这并不表明JS对象是通过引用传递的吗让我们看下面的例子。
var obj = { x:1 };
函数富(o){
o=100;
}
foo(obj);
console.log(obj,x); / /仍然是1,目标没有改变100。
如果是通过引用传递的参数,这个值应该被修改,而应该是受到影响。但修改啊,这里的值不影响对象。所以在JS对象是通过引用传递。因此该对象的值是通过JS

一个对象类型作为对象是可变的(mutable),修改对象本身影响借鉴和参考的共享对象的副本。对于基本类型,因为它们都是不可变的(不变的),是没有区别的共享传递和调用之间的价值,所以JS的基本类型,不仅适用于输送的价值,也为共享传递。

var a = 1; 1是数字类型,而不是B变量var = a;b = 6;

根据共享交付策略,a和b是两个不同的引用(b是a的参考副本),但引用相同的值。因为基本类型编号1在这里是不可变的,所以说值传递和共享没有区别。

基本类型的不可变属性

基本类型是不可变的(不可变的),只有对象是可变的(可变的)。例如,数值为100,布尔值为true,false,修改这些值(例如,1至3转,把真实的100)没有多大意义。什么是容易误解是串在JS。有时我们试图改变字符串的内容,但在JS,任何修饰,似乎是一个字符串值实际上是创建一个新字符串值。
var str =ABC;
0;}
0;
仍然是ABC;赋值无效。无法修改字符串的内容。
对象是不同的,对象是可变的。
var obj = { x:1 };
obj。x = 100;
var o = obj;
OX = 1;
对象X; / / 1,改性
O =真;
对象X; / / 1,O =真的不会改变
可变对象定义在这里,值对象,和对象的值。X属性设置为100,然后我们定义一个变量,这仍然是对象。当时,对OBJ和O点两变量的值相同的对象(同一个对象的引用),所以修改对象的内容对OBJ和O.但对象不是通过引用传递的影响,和O O =真正的价值是通过修改不影响目标。

例3:函数返回值的问题
函数显示(第一,第二){
函数将在代码执行后立即返回。
返回第一+第二;
}

var I=10;
var j=20;
警报(显示(i,j));
document.write(显示(i,j));* /

示例4:关于匿名函数
var(i =函数(){)
警报(你好);
};
我(*);
var i = 10;变量可以保存数据并保存地址。

函数显示(){
}在窗口对象下添加一个名为显示的变量,该变量指向函数的第一个地址。
窗口,让我们让窗口对象下的i指向这个函数的第一个地址
(显示)=======(我);

示例5:自调用匿名函数

var(i =函数(){)
警报(你好);
};
我(*);
(函数(第一){)
警报(第一);
警报(你好,js);
})(10)
函数():相当于返回第一个。
(函数({)}):这个部分作为一个整体
((函数)){(相当于找到地址并执行)
上面的编写方法可以避免代码库中的重载问题,并且上述代码在运行时只运行一次,通常用于初始化。

示例6:全局变量和局部变量

函数显示(){
变量为i = 20;本地变量只在本地作用域中起作用。
i = 20;全局变量,将i值更改为20。
}
显示();
警报(一);
本地定义是在函数中定义的,否则它是全局的。

如果函数中的变量没有var声明,它将直接影响全局。

为什么瓦尔河不是全球性的

因为,在js中,如果一个变量没有自动声明var语句,找到一个这个变量的作用域的层,如果发现,如果找不到,继续搜索,则已经找到全局范围,如果语句仍然不在全局变量中,则在全局范围自动声明,这是JS中的范围链。

代码示例:

var I=10;
功能FN1(){
var I=100;
功能Fn2(){
我= 1000;
功能3-(){
我= 10000;
}
(3);
console.log(我); / / 10000
}
(FN2);
console.log(我); / / 10000
}
(FN1);
console.log(我); / / 10

对全球使用链的本地访问

可以使用(函数)闭包来模拟全局访问局部性。

五使用arugments

在函数中,可以使用参数属性,该属性表示函数的参数列表,该数组体现在数组中。

示例1:在定义显示函数时,参数的数量必须与参数的数量一致。有时,当我们定义函数时,参数的数量不能固定。我们如何解决这些问题

函数显示(){
没有定义的参数,所有参数将自动存储在参数数组中的参数中。
对于(var i = 0;i < arguments.length;i++){
document.write(参数{我} +);
}
}

显示('lisi ','zhangsan ','wangwu '); / /三参数
显示('zhangsan ','lisi ','wangwu ','xiaoqiang ','wangcai '); / /五参数

如果定义的参数数目不确定,则可以通过参数保存所有参数。

示例2:使用js函数计算每个公司的员工总工资

函数显示(){
var总和= 0; /总数
对于(var i = 0;i < arguments.length;i++){
总和=参数{ };
}
document.write(和+);
}

公司
显示器(1000020005000);
公司
显示(100020005000800010000);

以上是javascript课程的全部内容,希望对您有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部