您的位置:首页 > Web前端 > JavaScript

对于 初步接触而JAVAscript的一些实用资源整理

2017-05-26 00:00 288 查看
javascript的特点,应用,开发环境以及动态语言(源自于网络搜索个人认知如有偏实辩议请联系交流)

javascript书写代码以及语法要求规范
严格区分大小写
弱类型语言:通过一个var可以定义所有的变量(变量类型是任意的)
每句话结尾后面要加分号
注释
// 单行注释
/**/多行注释

代码script标签的特点
两个可选属性
type language
一个页面可以有多个script标签
script标签可以放在页面的任意位置
javascript代码有3种引用方式
行内样式
内联样式
代码写在script标签里
外链样式
在外部文件里写
关联方式<script src=“路径”><script>

script标签的属性
浏览器在加载下面的代码以及请求图片的过程两者是同时进行的我们把这个过程叫做异步
async;异步加载JS代码
当文件加载完成以后直接执行文件中的JS代码
defer:异步加载JS代码
当当前页面所有的JS加载执行后再执行
共同特点:
属性名等于属性值

变量:
用来存储数据
声明-->赋值(初始化)
初始化:
var i = 123;

变量命名规范:
取值范围:0-9 ,a-z, A-Z ,¥, _ 。
区分大小写
不能以数字开头
不能与关键字保留字冲突
变量命名要有意义
如果变量名足够长最好使用驼峰命名法

两个变量值的交换
两个变量a=123; b=321;交换两个变量值
使用第三方变量
var a=123;
var b=321;
var c=a;
a = b;
b = c;
不使用第三方变量交换
var a = 123;
var b = 321;
a = a+b;
b = a-b;
a = a-b;

变量的合法性的验证:经常用到

数据类型:
number:
表示数字
注意点:
1)NaN非数字(他表示是数字在运行中出现异常时的结果);NaN非常特殊特殊到自己都不等于自己
2)最大值(MAX_VALUE),最小值(MIN_VALUE);
3)正无穷大(Inflinity);负无穷大(-Inflinity)
3)进制
二进制
八进制
十进制
十六进制
世界观已经毁了,进制的转变
5)在JS中千万不要用小数验证小数!否则你会大吃一惊

string:
字符串
字符:char a = 'b';(JS中没有字符的概念)
注意点:
1)可以通过字符字符串的一个属性得到字符串的长度: 变量 . length
2)其实字符串可以看做是字符的一个数组
3)多个字符串之间可以通过就加好合并为一个字符串

boolean:
布尔
值只有两个:true/false
表达式有很多
注意点:
1)boolean中的两个值储存在ture会以1保存,false会以0保存
2)一般我们会用boolean来表示性别

undeinfed:
未定义
声明直接使用的变量结果为undefined
未声明直接使用的变量类型也为undefined
注意点;
可以通过undefined来判断我们的下一步操作

unll:
表示的是一个空对象
值类型(简单数据类型)/引用类型(复杂数据类型)

数据类型的转换:
其他数据转换number;
Number
将数字转数字
parseInt
将数字转整数
在函数有个特殊点详情查看W3Cshool
parseFloat
将数字转小数
注意点:
如果传入了两个参数,第二个参数代表的是前一个参数转换的进制

其他数据转string;
.torString();这个玩意是以 . 开头,以及括号结尾,这样的玩意做函数(方法)
注意点:
null和undefined在转换为string时不能使用 .torString();

其他数据转boolean:
在内中true用1保存,false用0保存
除了“”,0 flase,null,undefined,NaN在转换为boolean时结果为flase,其他的数据结果都为true

运算符:
1)算数运算符:
+,-,*,/,%;
%:两数相除得到的余数
2)复合赋值运算符:
+=,-=,*=,/=,%=
3)自增自减运算符(一元运算符)
++a,a++,--a,a--
4)比较运算符
>,<,>=,<=,==,===,!=,!==
5)逻辑运算符
&& , || ,!
&& 一假都假
|| 一真都真
! 得到的相反的值
注意:
如果&&,||连接两个的不是boolean类型的数据,它得到的结果不会是boolean值,只会是两个数据中其中一个值
&&,||会形成短路现象

流程控制:
1)顺序结构:
从上到下从左到右
console.log
2)分支结构
if,if else ,if else_if*n else , switch_case ,三元运算符
3)循环结构
while , do_while, for, for in

分支结构:
if结构:
语法:
if(boolean){
代码段
}
执行过程:
运行到if时,会先判断if后boolean值,如果结果为false,不执行下面的代码段,如果结果为true,则执行下面的代码段

if else结构:
语法:
if (boolean) {
代码段
} else {
代码段
}
执行过程:
运行到if时,会先判断if后面的boolean值,如果结果为false,直接执行else中的代码段,如果结果为true,则执行if中的代码段
需求;如果小明的年龄大于等于18岁则提示,可以看电影了,否则提示:回家写作业去,看什么看

if else_if else
语法:
if(boolean) {
代码段
} else if (boolean) {
代码段
}else {
代码段
}
执行过程:
运行到if时,会先判断if后面的boolean值,如果结果为true,则执行if下面的代码段,如果结果为false,则判断elseif中的boolean值,如果结果为true, 则执行elseif中的代码段,否则执行else中的代码段

三元表达式:
语法:
boolean表达式?代码段1:代码段2;
执行过程:
先判断boolean表达式:如果结果为true,则执行代码段1,如果结果为false,则执行代码段2.

switch_case结构:
语法:
switch(变量) {
case 变量值1:
代码段1;
break;
case 变量值2:
代码段2;
break;
case 变量值3:
代码段3;
break;
default:
默认代码段;
break;
}
代码执行过程:
当代码运行到switch时,会去得到变量中的值,根据这个值去case后面依次对应,如果对比的结果相同,那么就执行对应的代码段,如果不相同,就继续往下对比 ,如果都不相同就执行默认代码段。
注意点:
1)case后面可以不接代码段
2)case后面在比较数据时会既比较内容,又比较类型

循环结构:
1.0while循环
2.0do_while循环
3.0for循环
4.0forin循环(现在不讲,等学完对象以后再讲)
循环:
重复做一件事。

while循环:
语法:
while(boolean表达式) {
循环语句
}
执行过程:
当代码运行到while时,会先判断while后面的boolean表达式,如果结果为e,直接跳过代码,不执行循环语句,如果结果为true,则执行循环语句,语句执行完毕以后,再 重新跳回到while中再次判断。

break;
立即结束当前循环(不会继续执行循环)
continue
立即结束本次循环,开始下一次循环

do_while循环:
语法:
do {
代码段
} while (boolean条件)
执行过程:
当代码运行到do时会先执行一次代码段,再判断while后面的boolean条件,如果结果为false,do_while结构结束,如果结果为true,则再次执行do后面的代码段

与while的区别:
while是先判断再执行,(可能一次都不执行)
do_while是先执行一次以后再判断(至少执行一次)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: