初学JavaScript,原来如此简单
2022/2/10 1:23:26
本文主要是介绍初学JavaScript,原来如此简单,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JavaScript简介
JavaScript简称js,它是一种具有面向对象能力的、解释性的语言。更具体的说它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器的数据、增加web互动、加强用户体验度等。
JavaScript主要分为三部分,ECMAScript(基础语法)、DOM()文档对象模型、BOM(浏览器对象模型)。
ECMAScript——描述了该语言的语法和基础对象
DOM——描述了处理网页的方法和接口
BOM——描述了与浏览器进行交互的方法和接口
js的基本用法
行内js ——在html标签上直接写js代码
内部js——在script标签中写js代码,script标签可以放在head中或body中(建议放在body最后)
外部js—— 定义js文件,通过script标签的src属性引入对应的js文件
注:如果script标签设置了src属性,则在script双标签之间的js代码不会生效
<!-- 行内js --> <button onclick="alert('hello world')">按钮</button> <!-- 内部js --> <script type="text/javascript"> //alert('内部js'); </script> <!-- 引入外部js --> <script src="js/text.js" type="text/javascript"></script></script>
定义变量
通过var 来定义一个变量,名字有以下限制
1.由Unicode字母、_、$、数字组成、中文组成
2.标识符规则:不以数字开头、不用关键字和保留字、严格区分大小写
3.标识符规范:见者知意、驼峰命名或下划线规则
可以先定义在赋值,也可以定义的同时一起赋值,但是没有定义就赋值会报错
数据类型有:
1.src字符串
2.数字
3.boor布尔型
4.数组
5.对象 等等
<script type="text/javascript"> // 字符串 var str="adsa"; console.log(str); console.log(typeof str); // 数字 var x1=30; var x2=30.1; console.log(x1); console.log(typeof x1); console.log(x2); console.log(typeof x2); // boor var x=true; var y=false; console.log(x); console.log(typeof x); console.log(y); console.log(typeof y); // 数组 var cars=new Array(); cars[0]='asdda'; cars[1]='asdc'; cars[2]='ascfa'; cars[3]='acvsd'; console.log(cars); console.log(typeof cars); var cars1=new Array("asfca","asdac","afac"); console.log(cars1); console.log(typeof cars1); </script> <!-- typeof 可以看变量是什么类型 -->
类型转换
1.自动类型转换
1.转字符串,所有的值转字符串都是加引号
2.转布尔型,有值为true,无值为false(0)
3.转数值型,空0,非数值NaN。
2.函数转换
parseInt()转整数型
parseFloat()转浮点型
注:转换时从值的第零个位置开始找有效数字,直到找到无效数字位置
3.显示转换
toString 将值转换成字符串
toFlxed 保留指定小数位
注:值不能为null
转换方法
主要用到的就是转字符串和数字啦,所以这里就举例这两个吧
将其他类型转换为字符串
String(x) // 将变量 x 转换为字符串并返回 String(123) // 将数字 123 转换为字符串并返回 String(100 + 23) // 将数字表达式转换为字符串并返回
另一种方法
x.toString() //返回x (123).toString() (100 + 23).toString()
将其他类型转换为数字
Number("3.14") // 返回 3.14 Number(" ") // 返回 0 Number("") // 返回 0 Number("99 88") // 返回 NaN
新手上路,多多指教,详情请看JavaScript 类型转换 | 菜鸟教程 (runoob.com)
这篇关于初学JavaScript,原来如此简单的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)