想让你的页面动起来吗?一起来学 JS 吧!(基础知识篇)

一、JS基础概念

1… js:java script
    js:基于对象,解释执行
    java:面向对象,编译执行
2. html引入js的方式
  (1)内部 js:body的最后一行

	<script>
	...
	</script>

  (2)外部:js

	<script src="path"></script>//当今主流均采用外部方式

3.js变量和数据类型
(1)变量声明

①	var	varName;
②	let	varName;

(2)赋值时确定变量的类型:
注意: 值类型决定变量类型
变量的类型随着赋值类型的不同,可以改变
甚至变量可以不用声明:直接赋值使用,但不允许(不规范)

1)字符串转化为数值类型

	a.	var int = parseInt(str);		字符串转化为整数
	b.	var float = parseFloat(str);	字符串转化为小数
	c.	var ix = str.indexOf(subStr[,beginIndex])
		[从beginIndex开始]查找subStr的首字母在str中首次出现的位置
		如果存在返回:0~str.length-1,否则返回-1
	e.	var lastIx = str.lastIndexOf(subStr[,beginIndex]);
		[从beginIndex开始]查找subStr的首字母在str中最后出现的位置
	f.	var subStr = str.substring(beginIndex[,endIndex]);
		截取从beginINdex(inclusive)开始到endIndex(excludsive)之间的字符串
	g.	var arr =  str.split(sepStr);
		以sepStr为分隔符,将字符串str拆分成字符串数组
	h.	字符串拼接:
		+从第一个字符串开始执行拼接操作
		“aa”.concat("bb");效果和+相同
③	number		1,0.5,88888888(都是number类型)
		1)var float = float.toFixed(n);	保留精度n
④	true			true,false
		1)js中:0,‘’,“”,null ,undefined作为 false 使用
⑤	undefined	【声明】未赋值
⑥	object		引用类型

二、数组对象的创建和操作

a.	创建数组
① var arr = new Array(val,val2,val3,...);
② var arr = [];
b.	数组的常用属性和方法
① int len = arr.length;	//获取数组的长度(数组中元素的数量)
② arr.push(item);		//尾部追加元素,数组自动扩展
③ arr.splice(beginIndex,howManytoDelete,item...);
	//从beginIndex(inclusive)开始删除howManytoDelete个元素,并插入item...,如howManytoDelete为0,默认为插入操作,如果item为空,默认为删除操作;
④ var peak =  arr.pop();	//获取并删除最后一个元素 模拟栈
⑤ var top =  arr.shift();	//获取并删除第一个元素	模拟队列
⑥ var str = arr.join(joinStr).//使用指定 的joinStr将所有数组元素连成一个字符串
c.	数组遍历(三种方式)
	for(var i=0;i<names.length;i++){
		console.log(names[i]);
	}
	i为下标
	for(const i in names){
		console.log(names[i]);
	}
	//下标加元素
	names.forEach((e,i)=>{
		console.log(i+","+e);
	})
	//只提元素
	names.forEach(e=>{
		console.log(e);
	})

三、日期对象的创建和操作

var date = new Date(long);//默认无参获取当前日期,可自定义
var year = date.getFullYear();//获取整年份
var month = date.getMonth()+1;//获取月份
var day = date.getDate();//获取日期
var hour = date.getHours();//获取 当前小时数
var minute = date.getMinutes();获取分值
var second = date.getSeconds();获取秒值
var millisec = date.getMillionSeconds();获取毫秒值

四、普通对象创建

1.自定义对象创建

var instanceof Type		//判断类型
① var obj = new Object();
② var obj = {};//大括号代表对象

2.构造函数创建对象

var stu = new Student(1,"张三丰",18,'男',"江苏南京");
stu.setName("李四");
console.log(stu.toString());

3.json创建对象

var student = {
stuNo:1,
name:"大明星",
age:40,
gender:"男",
address:"东京"
};

五、函数创建(function)

1)	自定义函数
	a.	function funcName(param...){...}
	b.	var funcName = function(param...){...}
2)	内置函数:比如:parseInt...
	parseInt
	parseFloat
	JSON.stringify
	JSON.parse
	setTimeOut(func,time(ms));延时函数
	setInterval(func,time(ms));定时函数
3)	构造函数:相当于java中的类
	a. 首字母大写的函数
4)回调函数:将函数作为引用传给另一个函数

JS提高篇敬请期待!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值