首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >java script的基础理解以及常规的使用注意事项「建议收藏」

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

作者头像
全栈程序员站长
发布于 2022-09-08 03:24:16
发布于 2022-09-08 03:24:16
52400
代码可运行
举报
运行总次数:0
代码可运行

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

js:java script

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>
...
</script>

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script path=””></script>
这里就是通过文件地址直接关联js文件。

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var varname;
②let varname;

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

①获取变量的实际类型

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var str = typeof(var)

②string 字符串

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
“”,*,’’,*

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
js中数值类型只有number
float.toFixed(n) 
		//小数精确到n位,四舍五入

④boolean类型

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
true/false

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

⑤object 引用类型

1)数组

a.创建数组

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var arr = new Array(var1, var1,..);
var arr = [];

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
int len = arr.length;
arr.push(item);		 //尾部追加元素

删除

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
for(var i=0;i<numbers.length;i++){
	console.log(numbers[i]);		
//console.log(“”);是控制	台的输出
}

(2)js中的in是下标

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
for(const i in numbers){
	console.log(numbers[i]);
}

(3)forEach方法

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
numbers.forEach((e,i)=>{
	console.log(i+","+e);
})

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

2)日期

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
a.function funName(param...){...}
b.var funNamr = function(param...){...}
c.参数的值传递和引用传递

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
ECMAScript 6 基础和高级
ECMAScript 6 基础和高级 目录 let命令和const命令 结构赋值 模板字符串 字符串方法 数值类型的扩展 数组的扩展运算符 数组新增API 对象的合并 箭头函数 Promise 对象 async 函数 Class 类 Module let命令和const命令 let命令 只在 let 命令所在的代码块内有效,同时值可以被修改,不能重复声明. const命令 声明一个只读的常量,常量的值就不能改变,不能重复声明. 结构赋值 数组的结构赋值 let [a, b, c] =
星辉
2019/01/15
6810
JS基础第二课(函数、对象篇)
JavaScript中的重要功能,是一段代码的集合,这段代码可以在不同地方调用,从而提高JavaScript代码的复用性
申小兮
2023/04/12
6240
JS基础第二课(函数、对象篇)
JavaScript入门干货:蓝桥杯Web组分章学习笔记(基于蓝桥云课《JavaScript基础入门》)
最近整理代码时,我翻看了前段时间备考蓝桥杯Web组的练习代码。当时,我是跟着蓝桥云课的《JavaScript 基础入门》课程边学边敲的,因此本文涵盖了该课程的大部分内容。我习惯将知识点、遇到的问题以及探究结果嵌入在代码注释中,注释写得非常细致。
timeRATE
2025/06/11
1040
❤ 就这?TypeScript其实并不难!(建议收藏)❤
🎈 作者:不吃西红柿 🎈 简介:CSDN博客专家🏆、蓝桥签约作者、Python领域优质创作者、信息技术智库公众号创建者✌。技术交流、面试刷题尽管关注咨询我。 ---- 目录 一、什么是 TypeScript? 二、TS和JS的对比 三、TypeScript小课堂 01 TypeScript开发环境的构建 02 开启我们的helloWorld.ts 03 TS变量类型那些事 04 Ts函数 05 函数的三种定义方式 06 变量的作用域,函数划分 07 引用类型的数组 08 引用类型的字符串 09 引用类型的日
不吃西红柿
2022/07/29
1.7K0
❤ 就这?TypeScript其实并不难!(建议收藏)❤
前端day11-JS学习笔记(构造函数、对象的API、作用域、arguments关键字)
当我们想要创建多个对象时很容易造成代码冗余,那么我们可以使用函数或者自定义构造函数去创建对象。
帅的一麻皮
2020/04/11
8980
前端day11-JS学习笔记(构造函数、对象的API、作用域、arguments关键字)
ES6新特性以及一些规范
` class goodStudent extends Student { sayAge() { console.log(this.age) } } let goodStu = new goodStudent("CJG", 20, "SYSU); goodStu.sayAge() // 20 6.3方法可以通过返回this来实现方法链式调用 class Person { setName(name) { this.name = name; return this; } sayName() { console.log(this.name); return this } } 这样,我们就可以直接链式调用它的方法了 let p = new Person() b.setName("cjg").sayName().setName("zht").sayName() 6.4使用class的时候,如果你没有声明构造函数的话,它会自己提供默认的构造函数,如果你不需要在构造函数做额外的事情(例如给某个变量赋值等),就没必要主动声明构造函数 //bad,没有必要,这是系统默认的 class goodStudent extends Student { constructor(...args) { super(...args); } } //good 如果需要在构造函数做额外的工作,则主动声明构造函数 class goodStudent extends Student { constructor(...args) { super(...args); this.age = 22; } }
嘿嘿嘿
2018/09/10
4490
JavaScript 入门基础 - 对象(五)
我们生活中的每一个事物都是一个对象,比如一片树叶、一只狗、一个人等等都可以是对象,在JavaScript当中,对象则指的是一组无序的相关属性和方法的集合,有字符串、数值、函数等等…总的来讲对象由属性和方法构成:
EXI-小洲
2023/02/28
8910
JavaScript 入门基础 - 对象(五)
前端js基础教程
Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨生和张雨的关系,只是名字很像。
张哥编程
2024/12/13
2850
前端js基础教程
TypeScript 基础学习
TypeScript和其他的区别和好处在哪里我就不说了,既然选择学习它,就一定有它的优点
炒香菇的书呆子
2022/04/13
6970
TypeScript 基础学习
JavaScript入门
(53条消息) python基础:布尔运算和四个语句_sayhi:的博客-CSDN博客_python布尔运算
Breeze.
2022/06/27
7070
JavaScript入门
JavaScript基础
「计算机语言」分为机器语言,汇编语言,高级语言。计算机内部最终执行的都是机器语言,由0和1这样的二进制数构成。
小城故事
2023/03/10
1.1K0
JavaScript基础
javascript 基础_JavaScript高级编程
1.分类: -基本类型 -String:任意字符串 -Number:任意的数字 -boolean: true/false -undefined:未定义 -null:空
全栈程序员站长
2022/09/24
1.7K0
javascript 基础_JavaScript高级编程
【Vue3+TypeScript】CRM系统项目搭建之 — 关于拥抱 TypeScript 这件事【上】
string 、 number 、 boolean 、 null 、 undefined 、 bigint 、 symbol 、 object
HelloWorldZ
2024/03/20
2700
【Vue3+TypeScript】CRM系统项目搭建之 — 关于拥抱 TypeScript 这件事【上】
JavaScript-ECMAScript5-JS基础语法「建议收藏」
更多参看MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/JavaScript_technologies_overview
全栈程序员站长
2022/09/22
1.4K0
JavaScript-ECMAScript5-JS基础语法「建议收藏」
JavaScript 进阶教程(1)--面向对象编程
一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。
AlbertYang
2020/09/08
5470
JavaScript 进阶教程(1)--面向对象编程
【JS】JavaScript 基础入门
theme: healer-readable highlight: a11y-dark
sidiot
2023/08/26
3760
【JS】JavaScript 基础入门
Javascript 常用语法 Web前端基础
Javascript 和 HTML、CSS一样,是Web前端开发所必须的三个模块。另外,JavaScript也是Vue、Ext、jQuery等框架的基础语言,所以JavaScript的学习是至关重要的。其实,学了C++语言,学了Java,感觉JavaScript的基础语法整理上比较类似于Java,所以那些输入输出选择循环语句的基础语法,就不记下来了,毕竟代码天天在写,也不会忘。
Designer 小郑
2023/08/01
2310
Javascript 常用语法 Web前端基础
JavaScript基础①
你点我一下试试 <a href="javascript: alert('kick your ass');">你点我一下试试</a>
ymktchic
2022/01/18
3K0
JavaScript基础①
JavaScript 常见面试题分析(一)
这道题考察的是 JS 的变量类型,JS 的变量类型有值类型和变量类型两种,值类型包括 undefined、字符串、数字、布尔值,引用类型包括对象、数组、函数
Nian糕
2018/08/21
5160
JavaScript 常见面试题分析(一)
typeScript的基础认识
世间万物皆对象
2024/03/20
1450
相关推荐
ECMAScript 6 基础和高级
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档