jacascript 基础-优快云博客

本文详细介绍了JavaScript的基础语法，包括字符串、数组、字典的基本操作，条件语句、循环语句的使用，以及函数定义与调用的方式。此外还讲解了面向对象编程的基本概念和实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

字符串数字转数字: ' 18 ' ------> 18

parseInt : 将字符串数字转换成 Int 类型数字
parseFloat : 将字符串数字转换成 Float 类型数字

字符串： a = 'abcde'

a.charAt(0) : 根据字符串索引位置取值 -----类似python a[0]

a.substring(1,3 ) : 字符串切片 ---------- 类似python a[1:3] 包头不包尾

a.length : 获取字符串长度 ----------------- len(a)

数组：相当于python 列表 obj = [11,22,33]

obj.splice(start,count,value) 拼接，可添加，删除，替换。改变原来列表
其中：start : 起始索引 count: 删除个数 ,value:替换的值
obj.reverse() 反转
obj.length 数组的大小
obj.push(ele) 尾部追加元素
obj.pop() 尾部获取一个元素
obj.unshift(ele) 头部插入元素
obj.shift() 头部移除元素
obj.slice( ) 切片
obj.reverse( ) 反转
obj.concat(val,..) 连接数组
obj.sort( ) 对数组元素进行排序

obj.join(sep) 将数组元素连接起来以构建一个字符串

[].join.(' -' ) 将数组元素连接起来，组成新的字符串，和python 相反

字典：

a = {'k1':'v1','k2':'v2'}
a['k1']

for循环：

1、for in

for (var item in a){

console.log(item,a[item])

}

# 对应数组来说 item 得到索引，对于字典来说， item 得到k1 的值

2 、for (var i=1;1<=10;1++){ }

注意用分号，不要用逗号，

条件语句：

1、if (条件){

}else{

}

2、if(条件){

}else if(条件){

}

3、switch case

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

== ，！= ，===，！==

== ：两个值相等即为true

=== ：两个值相等，且类型相等才为true

1 =='1' true

1==='1' false

函数

1、定义函数

function f1(){ ------------类似python def f1():
xxxxxx xxxxx
}

2、匿名函数：没有函数名称,直接被调用

setInterval( function(){ console.log(123) } ,5000 )

3、自执行函数（创建并自动执行）

(function(arg){

console.log(arg)

})(arg)

定时器

1、setInterval('执行的代码',5000) : 每间隔多少秒执行 ' ' 里面的内容

<script>
    function f1(){
        console.log(1);
    }
    setInterval('f1()',5000)
    setInterval('alert(123)',5000)
<script>

2、setTimeout ：多少秒后执行定时器，只执行一次

setTimeout(function(){
    console.log(123)
},5000)

清除：clearTimeout

清除定时器

var obj = setInterval('function',5000)

clearInterval(obj)

Javascript 序列化

JSON.stringify : 用于从一个对象解析出字符串对象 --------->字符串

JSON.parse : 用于从一个字符串中解析出json对象字符串--------->对象

Javascript 查看数据类型

typeof() 相当于python type

返回number,boolean,string,object,undefined,function

instanceof 相当于python isinstance(object，type)

注意：instanceof只能用来判断对象和函数，不能用来判断字符串和数字等

[] instanceof Array; // true
[] instanceof Object; // true
[] instanceof RegExp; // false
new Date instanceof Date; // true

对象.constructor 它引用了初始化该对象的构造函数，常用于判断未知对象的类型。

Javascript 转义

decodeURI( ) URl中未转义的字符
decodeURIComponent( ) URI组件中的未转义字符
encodeURI( ) URI中的转义字符
encodeURIComponent( ) 转义URI组件中的字符
escape( ) 对字符串转义
unescape( ) 给转义字符串解码
URIError 由URl的编码和解码方法抛出

eval和exec

python eval(表达式)
exec(可执行代码)

Javascript eval(表达式或代码)

时间 Date 类

var d = new Date

d.getxxx 获取时间

d.setxxxx 设置时间

面向对象

function Foo(n){
	this.name=n 					// 定义的字段  这里的this ，相当于python 中的self
	this.sayname = function(){		// 定义方法 ，不推荐使用， 一般用原型 prototype
		console.log(name) 
	}
	Foo.prototype = {				//推荐用原型来定义方法，   因为新建对象的时候，每次只需调用1次函数
		'sayname':function(){
			console.log(name)
		}
	}
}

var obj = new Foo('lee')			// 创建1个对象
obj.name							// 调用对象的属性
obj.sayname()						// 调用对象的方法

注意：1、创建1个对象用 new
2、this 相当于pypython 中的self

转载于:https://my.oschina.net/esdn/blog/898676