javascript入门教程的基础部分

一.导言

1.什么是javascript？

JavaScript是由Netscape开发的一种基于客户端浏览器、面向对象和事件驱动的网页脚本语言。

2.为什么要用javascript？

验证网页特效游戏Ajax。

3.快速开始。

在程序中，如果要编写js代码，有两种方法：

1)在html文件中，在一对脚本标签中，直接写。

脚本语言=' JavaScript ' document . write(' hello ')；/script2)在js中，它是直接编写的，在html中，它由一对脚本标签直接引用。

脚本语言=' JavaScript ' src=' demo 01 . js '/脚本以上两种不能在一对脚本标签中重用，引用不能写入文件内容。

二、基本语法1、基本格式。

JavaScript区分大小写变量A和变量A是两个变量；JavaScript脚本必须嵌入到HTML文件中；JavaScript脚本不能包含HTML标记代码scriptdocumentwrite(' table/table ')；/script每行编写一个脚本语句。语句的结尾可以用加号标记。JavaScript脚本可以独立保存为外部文件。

2.关于脚本标记语言：引用的语言javascript、php、c#、VBSCRIPT Src:引用了一个外部js文件。

3.变量是临时存储数值的容器，变量存储的数值在使用前可以改变。用var声明变量：局部变量不用var声明：全局变量的命名规则：第一个字符必须是英文字母或下划线(_)；下列字符可以是英文字母、数字和下划线；变量名不能是作用域：全局变量或JavaScript保留字变量的局部变量。

4.数据类型(在类型语言的情况下，不需要定义数据类型)字符串：字符串：数字：数字10，10.01，100布尔值：布尔类型true，false未定义：未定义Null:空对象：对象类型。

脚本语言='javascript' /用js描述一个人的完整信息var name='张三'；var年龄=30岁；var marry=truevar高度=1.8；document . write(' ol ')；document . write(' Li name ' name '/Li ')；document . write(' Li age ' age '/Li ')；document . write(' marry '/Li ')；document . write(' Li height ' height '/Li ')；document . write('/ol ')；函数Person(){ } var P1=new Person()；P1.name='李四'；p1 .年龄=20岁；2013/12/31 document . write(P1 . name ' br ')；document . write(P1 . age ' br ')；/script5，运算符1)算术运算符，-，*，/，%，I。

scriptvar i=10var j=I；//先赋值，再加var k=I；//添加然后分配document . write(j)；//10 document . write(k)；//12/script2)比较运算符。

、=、=、=、==、===、====和===有什么区别？==:确定值是否相等===:确定值是否相等，类型是否相同。

script var I=5；//Numbervar j=' 5 '；//string if(I==j){ document . write(' equal ')；} if(I===j){ document . write(' all equals ')；}/script3)逻辑运算符，| |，4)赋值运算符=，=，-=，*=，/=，%=计算左右运算符，然后将其赋值给左字符串运算符，=(在=(PHP)中使用点)。

第三，流程结构

序列结构分支结构循环结构。

1.序列结构代码是逐行执行的。

2.分支结构If，else，else if，switch。

3，循环结构一会儿，做.而对于.在游戏中：

猜数字游戏：进入页面后，随机选择1500的数字，弹出输入框，用户输入数字。如果数字大于随机数，

脚本语言=' JavaScript ' var n=math . round(math . random()* 500)；//随机数告警(n)；While(true){ var number=prompt('请输入0到500之间的数字')；//用户输入if(number n)alert(' big ')；If(numbern) alert('小')；If(number==n){ alert('正确答案~ ~ ~ ')；打破；} }/脚本四。功能1。使用模块化编程实现功能代码的可重复性。

2.语法：

在使用函数之前，您必须在调用它之前定义它。函数定义有三个部分：函数名、参数列表、函数体定义函数的格式* *函数名([参数1，参数2.]){函数执行部分；返回表达式；}**

调用语法：

函数名(参数1，参数2，…，)；

3.代码示例。

例1:关于函数的定义和调用。

//函数函数显示的定义(){ alert(' hello ')；}//函数显示的调用()；显示()；显示()；例2:关于函数的参数。

在上面的问题中，第一个和第二个是形式参数，I和j是函数执行过程中的实际参数。形式参数值的变化不会影响实际参数按值传递。

按地址转移示意图：

在js中，默认情况下，对象类型是通过地址传递的。

函数显示(obj){ obj . name=' Lisi '；} var p1=新对象()；p1.name='张三'；显示器(P1)；alert(P1 . name)；//lisialert(P1)；JS的基本类型是通过值传递的。

var a=1；函数foo(x){ x=2；} foo(a)；console . log(a)；//仍然是1，不受x=2赋值的影响。再看看这个物体：

var obj={ x : 1 }；function foo(o){ o . x=3；} foo(obj)；console . log(obj . x)；//3、已修改！说明o和obj是同一个对象，o不是obj的副本。所以它不是通过值传递的。但是这是否意味着JS对象是通过引用传递的呢？让我们看看下面的例子：

var obj={ x : 1 }；函数foo(o){ o=100；} foo(obj)；console . log(obj . x)；//仍然是1，obj没有修改为100。如果是通过引用传递的，修改形式参数o的值应该会影响实际参数。然而，在这里修改0的值并不影响obj。因此，JS中的对象不是通过引用传递的。那么JS中对象的值是如何传递的呢？至于对象类型，由于对象是可变的，修改对象本身会影响共享这个对象的引用和引用副本。至于基本类型，它们是不可变的，共享和按值调用没有区别，所以JS基本类型既符合值，也符合共享。

var a=1；//1是数字类型，不可变var b=a；b=6；根据共享转让的评估策略，A和B是两个不同的引用(B是A的引用副本)，但它们引用了相同的值。因为这里的基本类型1是不可变的，所以在这里传递值和共享没有区别。

基本类型的不可变性质基本类型是不可变的，只有对象是可变的。例如，数值为100，布尔值为真、假。修改这些值是没有意义的(例如，将1更改为3，将true更改为100)。JS中容易被误解的是字符串。有时我们试图“改变”字符串的内容，但是在JS中，任何看似对字符串值的“修改”操作实际上都创建了一个新的字符串值。

var str=' abc字符串[0]；//' a ' str[0]=' d '；字符串；//仍然是‘ABC’；分配无效。没有办法修改字符串的内容，但是对象不同，对象是可变的。

var obj={ x : 1 }；obj.x=100var o=objo . x=1；obj.x//1，修改后的o=trueobj.x//1，这里定义的变量obj不会因为o=true而改变，值为object，然后obj.x属性的值设置为100。然后定义了另一个变量o，它的值仍然是这个对象。此时，两个变量obj和o的值指向同一个对象(共享同一个对象的引用)。因此，修改对象的内容对obj和O都有影响.但是对象不是通过引用传递的，o的值由o=true修改，不会影响obj。

例3:关于函数的返回值。

函数显示(第一，第二){//函数遇到return会立即返回，以下代码不会执行return first second} var i=10var j=20警报(显示(I，j))；document.write(display(i，j))；*/示例4:关于匿名函数。

/* var I=function(){ alert(' hello ')；};；*/Var I=10；变量可以保存数据或地址Function display(){}在Window对象下添加一个名为display的变量，指向这个函数的第一个地址Window.i=display我们让I在window对象下指向这个函数的第一个地址display()========I()；示例5:自调用匿名函数。

脚本语言=' JavaScript '/* var I=function(){ alert(' hello ')；};；*/(函数(第一){ alert(第一)}；alert('hello，js ')；})(10)/scriptFunction(){}:相当于返回第一个地址(Function(){}):把这部分作为一个整体(Function(){})():相当于找到这个地址，执行上面的写法：可以避免代码库中的函数寿命很重的问题，上面的代码在运行时只会执行一次，一般用于初始化。

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

脚本函数显示(){//var I=20；//局部变量只在局部范围内起作用，i=20//全局，全局I的值将修改为20 } display()；警报(一)；函数内部/script定义的是局部的，否则是全局的。如果函数中的变量没有var声明，会直接影响全局。

为什么没有var是全局的？是的，在js中，如果一个变量没有var声明，它会自动去上作用域找到这个变量的声明语句。如果找到了，就要用。如果没有找到，它将继续查找，直到到达全局范围。如果在全局范围内仍然没有这个变量的声明语句，它将自动在全局范围内声明。这是js中的范围链。

代码示例：

脚本var i=10函数fn1(){ var I=100；函数fn2(){ I=1000；函数fn3(){ I=10000；} fn3()；console . log(I)；//10000 } fn2()；console . log(I)；//10000 } fn1()；console . log(I)；//10/脚本

本地访问全局使用范围链全局访问本地可以使用(函数)闭包来模拟。

动词（verb的缩写）色素的使用

在函数中，可以使用arguments属性，它代表函数的参数列表，以数组的形式体现。

例：定义显示函数时，其实际参数个数必须与形式参数个数一致。有时，当我们定义函数时，形式参数无法固定。怎么解决？

script display(){//没有定义形式参数，因此所有形式参数将自动存储在(var I=0；长度；I){ document . write(arguments[I]' br ')；} }显示(' lisi '，'张三'，'吴王')；//三个实际参数显示(‘张山’‘李四’‘吴王’‘萧蔷’‘王采’)；//五个参数/脚本如果定义时参数个数不确定，可以通过参数保存所有参数。

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

脚本函数display(){ var sum=0；//总计为(var I=0；长度；I){ sum=arguments[I]；} document . write(sum ' br ')；} //A公司展示(10000，2000，5000)；//B公司展示(1000、2000、5000、8000、10000)；/script以上就是javascript教程的全部内容，希望对大家的学习有所帮助。