前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >java script的基础理解以及常规的使用注意事项「建议收藏」

java script的基础理解以及常规的使用注意事项「建议收藏」

作者头像
全栈程序员站长
发布2022-09-08 11:24:16
4830
发布2022-09-08 11:24:16
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

js:java script

js一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。在语句上还是有一些类似之处,但本质上还是很不一样的: js是基于对象的,边解释边执行,而Java面向对象,编译之后再执行。

1.HTML引入js方式 (1)内部js:在·HTML中直接插入script语句要求最好出现在最后一行

代码语言:javascript
复制
<script>
...
</script>

(2)外部js:引入外部的js 实际就是同过.js文件导入外部js语句

代码语言:javascript
复制
<script path=””></script>
这里就是通过文件地址直接关联js文件。

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

代码语言:javascript
复制
①var varname;
②let varname;

(2)变量的赋值 特别的:和java不同js是赋值时才确定变量类型:值类型决定变量类型,变量的类型随赋值类型的不同,可以改变,甚至变量可以直接赋值使用,但规范起见,不这样使用

①获取变量的实际类型

代码语言:javascript
复制
var str = typeof(var)

②string 字符串

代码语言:javascript
复制
“”,”*”,’’,’*’

字符串转化为数值类型以及字符串一些常见的用法

代码语言:javascript
复制
a.var int = parseInt(str);			字符串转化为整数
b.var float = parseFloat(str);		字符串转化为小数
c.var length = str.length;
d.var ix = str.indexOf(subSrt[,beginIndex])
		//[从beginIndex位置开始]查找
		//subStr的首字符在str中首次出现的
		//位置如果存在返回位置
		//不存在返回-1;
e.var lastIndex = str.lastIndexOf(subStr[,beginIndex])
		//[从beginIndex位置开始]查找
		//subStr的首字符在str中最后出现的位置
f.var subStr = str.substring(beginIndex [endIndex]);
		//截取从beginIndex开始截取到
		//endIndex之间的字符串
g.var arr = str.split(sepStr);
		//以sepStr为分隔符,
		//将字符串拆分成字符数组
h.字符串拼接
	+:和java一样;
	“aa”.concat(“bb”);

③数值类型:number

代码语言:javascript
复制
js中数值类型只有number
float.toFixed(n) 
		//小数精确到n位,四舍五入

④boolean类型

代码语言:javascript
复制
true/false

特别的:js中:0,’’,””,null,undefined(声明未赋值) 作为false使用

⑤object 引用类型

1)数组

a.创建数组

代码语言:javascript
复制
var arr = new Array(var1, var1,..);
var arr = [];

b.数组的常用的属性和方法

代码语言:javascript
复制
int len = arr.length;
arr.push(item);		 //尾部追加元素

删除

代码语言:javascript
复制
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.数组遍历

(1)for循环

代码语言:javascript
复制
for(var i=0;i<numbers.length;i++){
	console.log(numbers[i]);		
//console.log(“”);是控制	台的输出
}

(2)js中的in是下标

代码语言:javascript
复制
for(const i in numbers){
	console.log(numbers[i]);
}

(3)forEach方法

代码语言:javascript
复制
numbers.forEach((e,i)=>{
	console.log(i+","+e);
})

numbers.forEach(e=>{
console.log(e);
})

2)日期

代码语言:javascript
复制
var date = new Date();
console.log(date);		整个日期
console.log(date.getFullYear());
//获取年份
console.log(date.getMonth()+1);
//月份是从0开始的,所以+1是真实月份
console.log(date.getDate());
//获取几号
console.log(date.getDay());	
//星期0~6
console.log(date.getHours());
//获取小时数
console.log(date.getMinutes());
//获取分钟数
console.log(date.getSeconds());
	//获取秒数

3)自定义对象

代码语言:javascript
复制
var instanceof  Type//判断类型
function Student(stuNo,name,age,gender,address){
this.stuNo = stuNo;
this.name = name;
this.age = age;

//自定义函数的创建,看下一节
this.getStuNo = function(){return this.stuNo;}
this.getName = function(){return this.name;}
this.getAge = function(){return this.age;}	

this.setStuNo = function(stuNo){this.stuNo = stuNo;}
this.setName = function(name){this.name = name;}
this.setAge = function(age){this.age = age;}	
this.toString = function(){
	return [this.stuNo,this.name,this.age].join(',');
}
}
//构造函数创建对象
var stu = new Student(6,"张	三",45,'男',"afdsf");
stu.setName("王二麻");
console.log(stu.toString());

//json对象创建
var student = {
	stuNo:1,
	name:"hhh",
	age:98,
	gender:"男",
	address:"江苏南京"
};

var stuStr = JOSN.stingify(student);

//json字符串(模板格式)
var stuStr = `{"stuNo":1,"name":"huang"}`
				var jsonStu = JOSN.parse(stuStr);

				//访问对象的属性
					var val = object.field;
					var val = objec[“field”];
				//类似于反射
				for(const field in student){
					console.log(field+"="+student[field]);
				}

⑦function 函数类型 1)自定义函数

代码语言:javascript
复制
a.function funName(param...){...}
b.var funNamr = function(param...){...}
c.参数的值传递和引用传递

2)内置函数 比如parseInt…直接使用

代码语言:javascript
复制
parseInt
parseFloat
JSON.stringify
JSON.parse
setTImeout(func,tim(ms));延时函数
setInterval(func,time(ms));定时函数

3)构造函数:相当于java中的类 a.首字母大写的函数 4)回调函数:将函数作为引用传给另一个函数

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/156651.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • js:java script
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档