美文网首页让前端飞
来看看你的JavaScript入门了吗

来看看你的JavaScript入门了吗

作者: Java程序员YY | 来源:发表于2019-08-09 17:42 被阅读8次

1.基础知识

1.基础

<script type="text/javascript"></script>一般写在头文件中,一种弱语言,可以写多个,变量赋值后不要改变类型,关键字区分大小写,顾名思义,不能以数字开头。

alert("hello world!");警告框显示

document.write("hello world");打印

<script type="text/javascript" src="demo.js">引入外部语句

2.自动数据类型

var temp="1"+1;

alert(temp);

var tmp=1-"2";//-1

var tmp=1-"2a";//NaN

alert(tmp);

运算符:算术、关系、逻辑、自增、自减、赋值;

自动类型转换:任何类型的数据和字符串相加,其他数据类型自动转换为字符串,表示字符串拼接;

查看语法错误:谷歌浏览器:chome控制台F12;

3.表达式和赋值

代码规范

1.注意层级缩进;tab=4空格;

2.; ,后面跟空格 运算符=+前后空格;

3.每条语句加;

看表达式:

1.功能;

2.表达式值,比如100, 2+3;

3.细分:算术表达式;

赋值运算符:= 复合赋值运算:+=

4.强制数据类型

1.除了相加操作,任何数据类型与数字做运算,其他类型都会自动转换为数字在运算;

2.通过Boolean()强制转换为布尔型,数字0转成布尔为false,非0均为true;空字符串转为false,否则为true;特殊转为false;

3.Number()将别的数字类型转为数字;非数字字符串转为NaN; 1.特殊:null:0;underined:NaN

4.parseInt()取整 20a转为20

5.parseFloat() 取浮点数

6.分母可以取0;

5.运算符

5.1 一元运算符

只能操作一个值的运算符;a++,a--;--a;++a

5.2 关系运算符

1. 比较字符创编码值,字符以二进制方式存储,可以转换为十进制进行比较,ASCII码表 ;

2.逐位比较;

3.两个操作数有一个是数值,则将另外一个转为数值;

在等于和不等于比较上,非数值:

1.一个操作数为布尔值,则比较前转为数值;

2.一个操作数为字符串,比较前转为数值;

3.一个为NaN,则==转为false,!=为true;

全等和全不等上====,!==,判断值相等,数据类型也必须相等

5.3 逻辑运算符

&&,||,!

6.流程语句

选择语句:

if(){

}else if(){

}

else{

}

}

switch和三目:

// switch(){

// case 常量1:

// break;

// case 常量2;

// break;

// default:

// break;

// }

/*

三目:表达式1?表达式2:表达式3;

*/

循环语句:

1.while

2.dowhile

3.for

4.break,continue;

2.数组与字符串

1.数组定义

var arr=[1,true,"hello"];

alert(arr);

alert(arr[0]);

2.属性和遍历

var arr=[1,true,"hello"];

alert(arr.length);//属性

var srr=[10,20,30,40];

alert(srr[1+2]);

var arr=[];

for(var i=0;i<10;i++)

{

arr[i]=Math.random();//随机数

}

alert(arr);

for (var i in arr)//效率高

{

document.write(arr[i]+"
");

}

3.栈方法和队列方法

var arr=["a","b","c"];

var srr= arr.push("c","d");//返回值是长度

alert(arr);//a,b,c,c,d

alert(srr);//5

var trr=arr.pop();//返回值是去除的元素,先进后出

alert(arr);//a,b,c,c

//队列

var trr=arr.shift();//先进先出,b,c,c

alert(arr);

var srr=arr.unshift("ff");//头部插入,返回值是长度

alert(arr);//ff,b,c,c

4.方法

var arr=["a","b","c"];

var arr2=["vv","ss"];

var ner=arr.concat(arr2);//合并a,b,c,vv,ss

alert(ner);

var ner=arr.slice(1,2);//截取,不包括右端

alert(ner);//b

arr.splice(1,1) //1.删除:start,长度,替换的元素

alert(arr);//a,c

arr.splice(1,0,"dd"); //2.插入

alert(arr);//a,dd,c

//替换就是先删除后插入

5.二维数组

在数组元素中元素还为数组

var arr=[[] [] []]

6.字符串

概念

var str="hello";//创建

alert(str.length);//属性

alert(str[1]);//访问

字符串.方法()

3.函数

1.函数分类

1.无参 function 函数名(){ 函数体 }

function print(){

for(var i=0;i<10;i++){

document.write("hello world!
");

}

}

2.有参函数

function print(n){

for(var i=0;i

document.write("hello world!
");

}

}

print(5);

内置函数:alert()······

自定义函数:函数名为标识符

arguments数组

function sum(){

for(var i=0;i

sum += arguments[i];

}

alert(sum);

}

sum(3,4,5,6);

2.返回值

function add(num1,num2){

return num1+num2;

}

var result=add(3,4);

alert(result);

3.作用域

var a=10;

function sum(){

var a=5;

alert(a);

}

alert(a);//10

sum();//5

alert(a);//10

3.作用域

var a=10;

function sum(){

var a=5;

alert(a);

}

alert(a);//10

sum();//5

alert(a);//10

4.递归

面试会用,但是工作一般禁止,如sum(100)=sum(99)+100;

function sum(n){

if(n==1){

return 1;

}

return sum(n-1)+n;

}

alert(sum(100));

5.事件驱动函数

Document

window.οnlοad=function(){//页面加载完毕才执行

var oBtn=document.getElementById("btn");

oBtn.οnclick=function(){

alert(oBtn);

}

}

最新视频教程免费领取      加微信:17778119592

通过验证备注:111(备注必填)

相关文章

网友评论

    本文标题:来看看你的JavaScript入门了吗

    本文链接:https://www.haomeiwen.com/subject/rhzhjctx.html