学习随笔JS初涉

Posted 2020-10-03

JS = javascript

他是一种轻量级别的编程语言

可插入html的页面代码

插入HTML页面后，可由所有的现在浏览器执行

 

输出语句：   document.writie();

声明变量:     var    eg:var a;

赋值： =    eg：a = 1;

 

Js的数据类型： 字符串 数字 布尔值 数组 对象 null undefined

     字符串： var x = “Bill”;

     数字：   var x = 5;

     布尔值： var x = true；

     数组：   var x = new Array()；

               x[0] = “Music”;      

               x[1] = “BMW”;

               x[2] = “Hello”;

              或者：   var cars=new Array("Audi","BMW","Volvo");

                       var cars=["Audi","BMW","Volvo"];

     对象：var person={firstname:"Bill", lastname:"Gates", id:5566};

           var person={

firstname : "Bill",

lastname  : "Gates",

id        :  5566

};

对象属性有两种寻址方式，例如：name=person.lastname;

name=person["lastname"];

          eg：        <script>

var person={

firstname : "Bill",

lastname  : "Gates",

id        :  5566

};

document.write(person.lastname + "<br />");

document.write(person["lastname"] + "<br />");

</script>

Undefined 这个值表示变量不含有值。

Null表示变量值设置为null

 

当声明新的变量时，可以使用关键字”new”来声明它的类型，例如：

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

 

JS对象

   JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。

  

属性与方法

      属性是与对象相关的值。

方法是能够在对象上执行的动作。

创建对象，例如：

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

这里person是对象，firstname、lastname、age、eyecolor是属性，等号右边是属性的值

 

如何访问对象？

    语法：objectName.methodName()

 

函数：

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。关键词：function

语法：function functionname()

{

//这里是要执行的代码

}

注意，function必须是小写，如果onclick=“方法名”，那么function 方法名()两个必须对应。

    调用带参数的函数

在调用函数时，您可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。还可以发送任意多的参数，由逗号 (,) 分隔：myFunction(argument1,argument2)

声明函数时，请把参数作为变量来声明：

function myFunction(var1,var2){   }

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。例如：

<button onclick="myFunction(‘Bil‘)">点击这里</button>

<script>

function myFunction(name)

{

alert(name);

}

</script>

JavaScript 提供多个内建对象，比如 String、Date、Array 等等。

访问对象的属性，语法：

objectName.propertyName

访问对象的方法

方法是能够在对象上执行的动作，通过以下语法来调用方法：

objectName.methodName()

 

创建新对象有两种不同的方法：

1定义并创建对象的实例

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

2使用函数来定义对象，然后创建新的对象实例

function person(firstname,lastname,age,eyecolor)

{

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

}