Python:Day44 Javascript

时间:2023-11-09 18:59:20

一个完整的Javascript实现是由三个不同的部分组成:

1、核心 ECMA Javascript

2、浏览器对象模型(DOM) document object model (整合JS、html、CSS)

3、浏览器对象模型(BOM)  broswer object model  (整合JS和浏览器)

Javascript的两种引入方式:

1、直接写在html中的<script>标签中

2、导入外部JS文件,引入格式:<script src="hello.js"></script>

变量:

javascript中声明变量使用var,如var a = 1;同一行也可以声明多个变量,多个变量之间用逗号隔开,如var a =1,b=2,c=3;

每行结束可以不加分号,没有分号会以换行符作为每行结束。

单行注释用//,多行注释用/*  */

标识符:就是我们通常用的变量名

关键字:就是语言定义好的一些具有特殊功能的词,如var、functon等

保留字:就是现在还没有使用,以后可能作为关键字的一些词。

基本数据类型:

Number :整型、浮点型

String:通过单引号或双引号构成

Boolean:true、false (小写)

Null:占一个对象的位置

Undefined: 如果声明了某个变量,但是未对它赋值,则该变量是undefined,这个值是系统自动赋的

引用数据类型:

object

数据类型的转换:

数字 + 字符串:数据转换为字符串

数字 + 布尔值:true转换为1,false转换为0

字符串 + 布尔值:布尔值转换为字符串true或false

parseInt(3.14);

parseInt("3.14");

parseInt("3.14a");

parseInt("a3.14");  //NaN:当字符串转换成数字失败时就是NaN;属于Number数据类型

alert(NaN==0);

alert(NaN>0);

alert(NaN<0);

alert(NaN==NaN);

以上4个都是false。NaN数据在表达式中结果一定为false,除了!=

运算符

算术运算符

++   --

var a = 1;

var b = a++;  //先赋值后加减  a+=1

alert(b);  //1

alert(a);  //2

var a = 1;

var b = ++a;   //先加减后赋值

alert(b);  //2

alert(a);  //2

var x = 1 ;

alert(x++);   //其实是x=x+1,而alert的是前最前的面的一个x,由于此种方式是后赋值,所以alert出来的是1,但是执行完x=2

alert(++x);

alert(--x);

alert(x--);

一元加减法:

var a=3;  //3

var a="3"  //3

var a="3.2"  //3.2

var a="123a456"  //NaN

var a="123a"  //NaN

var a="a123"  //NaN

b=+3

alert(b)

alert(typeof(b))

逻辑运算符:

等于 ( == ) 、不等于( != ) 、 大于( > ) 、 小于( < ) ?大于等于(>=) 、小于等于(<=)
与 (&&) 、或(||) 、非(!)
1 && 1 = 1 1 || 1 = 1
1 && 0 = 0 1 || 0 = 1
0 && 0 = 0 0 || 0 = 0

控制语句:

if 控制语句:

if (表达式){
语句1;
......
}else{
语句2;
.....
}

switch控制语句:

switch基本格式
switch (表达式) {
  case 值1:语句1;break;
  case 值2:语句2;break;
  case 值3:语句3;break;
  default:语句4;
}

异常处理:

try { //这段代码从上往下运行,其中任何一个语句抛出异常该代码块就结束运行 }

catch (e)  { //如果try代码块中抛出了异常,catch代码块中的代码就会被执行。

   //e是一个局部变量,用来指用error对象或其它抛出的对象 }

finally { //无论try中代码是否有异常抛出(甚至是try代码块中有retrun语句),finally代码块中始终会被执行 }

对象分类:

Javascript的对象分为两种,一种是本地对象(native object)、宿主对象(host object)。本地对象包括内置对象。宿主对象就是浏览器和系统提供的对象。包括DOM和BOM

ECMAScript

Dom:操作与html相关的

BOM:操作与浏览器相关的

object对象:ECMAScript中的所有对象都由这个对象继承而来;Object对象中的所有属性和方法都会出现 在其它对象中

查看数据类型的两种方法:typeof、instanceof

typeof只能查看基本数据类型:

    a="hello world!";
b=23.34;
c=[1,2,3];
alert(typeof(a)); //string
alert(typeof(b)); //number
alert(typeof(c)); //object

instanceof用来判断某个对象是不是属于某种类型:

    var a="hello world!";
var a1=new String("hello a1");
var b=23.34;
var c=[1,2,3];
alert(a instanceof String); //false,这种方法对简写的变量好像没法判断
alert(a1 instanceof String); //true
alert(b instanceof Number); //false
alert(c instanceof Array); //true

11种内置对象:

包括:Array,String,Date,Math,Boolean, Number,Function,Global,Error,RegExp,Object

创建对象:

var aa = new String("hello");

var bb = new Array("星期一”,"星期二”,"星期三”,"星期四”)

Array对象:

数组是有序的,可以通过下标取值。

创建Array有两种方式,一种是直接创建,另一种是实例对象。

var arr=[1,2,3,4,'hello']

Array的属性:

获取数组元素的个数:length

    arr=[2,3,'eee',5555];
alert(arr.length); //

Array的join方法:

在python中join是字符串的方法,在javascript是Array的方法。

javascript中数组的join方法是将数组中的元素用方法括号中的字符拼接起来。

    arr=[2,3,'eee',5555];
ret=arr.join("+++++++");
alert(ret); //2+++++++3+++++++eee+++++++5555

Array的push、pop方法:

push为压栈(将元素压到数组的最后面)

pop为弹栈(弹出最后一个元素)

    arr=[2,3,'eee',5555];
arr.push(34,66,'world'); //直接在原数据上面进行操作
alert(arr); //2,3,eee,5555,34,66,world
ret=arr.pop(); //弹出数组最后一个元素,并且将弹出的元素作为返回值返回
alert(ret); //world

Array的unshift、shift方法:

unshift为添加元素(将元素添加到数组最前面)

shift为移除元素(将数组最前面的元素移除)

    arr=[2,3,'eee',5555];
arr.unshift(666);
alert(arr); //666,2,3,eee,5555
arr.shift();
alert(arr); //2,3,eee,5555

函数:

function 创建方式1 (推荐方式)

function fun1() {
alert(123);
return 8
} var ret = fun1()
alert(ret)

创建方式2:

var fun2=new Function ("参数1","参数n","函数体");
var add = new Function ("a","b","alert(a+b)")
add(1,2)

function的属性和方法:

alert(add.length);   length是参数的个数

注意:js的函数加载执行与python不同,它是整体加载完才会执行,所以执行函数放在函数声明上面或下面都可以:

匿名函数:

// 匿名函数
var func = function(arg){
return "tony";
} // 匿名函数的应用
(function(){
alert("tony");
} )() (function(arg){
console.log(arg);
})('123')