0
点赞
收藏
分享

微信扫一扫

初学JavaScript,原来如此简单

Gascognya 2022-02-09 阅读 87

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)

举报

相关推荐

0 条评论