码迷,mamicode.com
首页 > 编程语言 > 详细

js语言一

时间:2019-09-07 22:44:07      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:limit   bool   动态   each   数组元素   value   处理   算数   mon   

js语言:
JavaScript:
javascript是脚本语言,是一种轻量级的编程语言。
javascript是可插入HTML页面的编程代码
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

javascript 的引入方式:
1,在<head></head>内的Script标签内写代码
<script>
// 在这里写你的JS代码
</script>
2,引入额外的js文件,及创建一个js文件,在里面写好你的代码
<script src="myscript.js"></script>
javascript 的注释:
// 表示单行注释
/*
多行注释
多行注释
*/

结束符号以分号(;)为结束符

变量声明:
var 关键字声明, 用法:var 变量名, 变量名不能以数字开头
var name = ‘jerry‘;
var age = 38;
或者 let name = ‘jerry‘;
let声明的变量在局部有效 不会影响全局相同的变量名
var声明的变量是作用与全局 直接改变了全局的

注意:
变量名是区分大小写的,
推荐使用驼峰式命名规则,
不要用关键字去做变量名
常量: 用 const来声明常量,一旦声明,其值就不能改变
const PI = 3.1415;

javascript 数据类型:
Javascript拥有动态数据类型
var x;// 此时x就是undefined
var x = 1; // 此时x就是数字
var x = ‘Alex‘ // 此时x就是字符串

数值类型Number(类似整型+浮点型)在这里不区分整型和浮点型,统称数值类型
var a = 12.34;
var a = 20
数值类型中有一种特殊的叫NaN , 它是数值类型,但是表示不是数字
常用方法:
parseInt("123") // 返回123
parseInt("ABC") // 返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。
parseFloat("123.456") // 返回123.456
parseInt("123.456") // 返回的是123 不能识别小数点,所以要转就用parseFloat

字符串类型 String
字符串用单引号,和双引号
单行文本可以用单引号,双引号
多行文本用~ 多行文本~ 即用~ ~ 此~还可以做替换,和%s作用一样
在这里正常的替换用$符,叫模板字符串
字符串的常用方法


        
方法 说明
.length 返回长度
.trim() 移除空白
.trimLeft() 移除左边的空白
.trimRight() 移除右边的空白
.charAt(n) 返回第n个字符,返回的是字符,括号中的n是索引号
.concat(value, ...) 拼接
.indexOf(substring, start) 子序列位置,通过字符获取索引
.substring(from, to) 根据索引获取子序列
.slice(start, end) 切片
.toLowerCase() 小写
.toUpperCase() 大写
.split(delimiter, limit) 分割
拼接字符串一般使用“+”
      string.slice(start, stop)和string.substring(start, stop):

两者的相同点:
如果start等于end,返回空字符串
如果stop参数省略,则取到字符串末
如果某个参数超过string的长度,这个参数会被替换为string的长度

substirng()的特点:
如果 start > stop ,start和stop将被交换
如果参数是负数或者不是数字,将会被0替换

silce()的特点:
如果 start > stop 不会交换两者
如果start小于0,则切割从字符串末尾往前数的第abs(start)个的字符开始(包括该位置的字符)
如果stop小于0,则切割在从字符串末尾往前数的第abs(stop)个字符结束(不包含该位置字符)
        s1 = ‘eghui‘
s1.substring(0,5) 切片不支持负数,所以了解即可
s1.slice(0,-1) 切片推荐使用slice
s2.split(‘|‘,1) 1 表示从切完的结果后拿出一个结果,切完是数组(即python中的列表)
如果数字超出,就拿最多,不会报错

布尔类型:(全部小写)
true 或 false
var a = true;
var b = false;
""(空字符串)、0、null、undefined、NaN都是false。
null和undefined 的区别:
null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null; 即它有,但是为空
undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。
还有就是函数无明确的返回值时,返回的也是undefined。即只声明了变量,没赋值;

重点;null表示变量的值是空(null可以手动清空一个变量的值,使得该变量变为object类型,值为null),
undefined则表示只声明了变量,但还没有赋值。

数组:(相当于python中的列表)
数组对象的作用是:使用单独的变量名来存储一系列的值
var a = [123, "ABC"];
console.log(a[1]); // 输出"ABC"
方法 说明
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() 反转
.join(seq) 将数组元素连接成字符串
.concat(val, ...) 连接数组
.sort() 排序
.forEach() 将数组的每个元素传递给回调函数
.splice() 删除元素,并向数组添加新元素。
.map()

返回一个数组元素调用函数处理后的值的新数组

 




类型查询:
typeof是一个一元运算符(就像++,--,!,- 等一元运算符),不是一个函数,也不是一个语句。
对变量或值调用 typeof 运算符将返回下列值之一:
undefined - 如果变量是 Undefined 类型的
boolean - 如果变量是 Boolean 类型的
number - 如果变量是 Number 类型的
string - 如果变量是 String 类型的
object - 如果变量是一种引用类型或 Null 类型的
运算符
算数运算符
+ - * / % ++ --
var x=10;
var res1=x++;
var res2=++x;
res1;
10
res2;
12
这里由于的x++和++x在出现赋值运算式,
x++会先赋值再进行自增1运算,而++x会先进行自增运算再赋值!
比较运算符
> >= < <= != == === !==

1 == “1” // true 弱等于
1 === "1" // false 强等于
//上面这张情况出现的原因在于JS是一门弱类型语言(会自动转换数据类型),
所以当你用两个等号进行比较时,JS内部会自动先将数值类型的1转换成字符串类型的1再进行比较,
所以我们以后写JS涉及到比较时尽量用三等号来强制限制类型,防止判断错误

逻辑运算符
&& || ! (and or not)
赋值运算符
= += -= *= /=
流程控制:
一,if-else if (条件1){满足条件1的代码块1}
else if(条件2){满足条件2的代码块;}
else{以上条件都不满足的代码块};
案列:
var a = 10;
if (a > 5){
console.log("a > 5");
}else if (a < 5) {
console.log("a < 5");
}else {
console.log("a = 5");
}
二:switch
switch中的case子句通常都会加break语句,
否则程序会继续执行后续case中的语句。

var day = new Date().getDay();
switch (day) {
case 0:
console.log("Sunday");
break;
case 1:
console.log("Monday");
break;
default:
console.log("...")
}
for
for (var i=0;i<10;i++) {
console.log(i);
}

while
var i = 0;
while (i < 10) {
console.log(i);
i++;
}

三元运算
var a = 1;
var b = 2;
var c = a > b ? a : b
这里的三元运算顺序是先写判断条件a>b
如果条件成立就是冒号前面的值a
条件不成立就是冒号后面的值b

三元运算可以嵌套使用
var a=10,b=20;
var x=a>b ?a:(b=="20")?a:b;
x
10
函数:
JavaScript中的函数和Python中的非常类似,只是定义方式有点区别
普通函数定义
function f1() {
console.log("Hello world!");
}

带参数的函数
function f2(a, b) {
console.log(arguments); // 内置的arguments对象
console.log(arguments.length);
console.log(a, b);
}

带返回值的函数
function sum(a, b){
return a + b;
}
sum(1, 2); // 调用函数

匿名函数方式
var sum = function(a, b){
return a + b;
}
sum(1, 2);

// 立即执行函数 书写立即执行的函数,首先先写两个括号()()这样防止书写混乱
(function(a, b){
return a + b;
})(1, 2);

ES6中允许使用“箭头”(=>)定义函数。
var f = v => v;
// 等同于
var f = function(v){
return v;
}
如果箭头函数不需要参数或需要多个参数,就是用圆括号代表参数部分
var f = () => 5;
// 等同于
var f = function(){return 5};

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2){
return num1 + num2; //这里的return只能返回一个值,如果想返回多个值需要自己手动给他们包一个数组或对象中
}
函数中的arguments参数
function add(a,b){
console.log(a+b);
console.log(arguments.length);
 console.log(arguments[0]);//arguments相当于将出传入的参数全部包含,这里取得就是第一个元素1
}

add(1,2)
输出为 3 2 1
注意:
函数只能返回一个值,如果要返回多个值,只能将其放在数组或对象中返回。
函数的全局变量和局部变量
局部变量:
在JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它(该变量的作用域是函数内部)。只要函数运行完毕,本地变量就会被删除。
全局变量:
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
变量生存周期:
JavaScript变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
作用域
首先在函数内部查找变量,找不到则到外层函数查找,逐步找到最外层。与python作用域关系查找一模一样!

例子:
var city = "BeiJing";
function f() {
var city = "ShangHai";
function inner(){
var city = "ShenZhen";
console.log(city);
}
inner();
}

f(); //输出结果是?ShenZhen

var city = "BeiJing";
function Bar() {
console.log(city);
}
function f() {
var city = "ShangHai";
return Bar;
}
var ret = f();
ret(); // 打印结果是? BeiJing

var city = "BeiJing";
function f(){
var city = "ShangHai";
function inner(){
console.log(city);
}
return inner;
}
var ret = f();
ret(); ShangHai



js语言一

标签:limit   bool   动态   each   数组元素   value   处理   算数   mon   

原文地址:https://www.cnblogs.com/Fzhiyuan/p/11483171.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!