JavaScript学习day01

最新推荐文章于 2024-07-25 09:24:40 发布

lemonwoquanzhidao

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量100

点赞数

分类专栏： js 文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/lemonwobuzhida/article/details/127093202

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

javascript和Javase比较运算符不同的点：

continue、break

javascript的三种引入方式：

1.行内式：

行内式：在html标签的属性内,通过行为触发执行.（几乎不用）

   <button class="bt3" onclick="alert('点我一下')">点击3</button>

//alert alert的用法是“alert(在对话框中显示的纯文本)”。alert方法用于显示带有一条指定消息和一个OK按钮的警告框，可以用来向用户警示信息，也可以用来调试程序。
2.内嵌式：

内嵌式：在html文件内使用script标签包裹起来，页面打开自动执行。（使用方便，但是大篇幅的JS代码千万不要用。）

   <button id="bt2">点击2</button>
   <script>
       document.getElementById("bt2").onclick = function(){
           alert("nihao")
       }
   </script>
3.外联式：

外联式：写在独立的js文件内，在html文件中使用script标签的src属性引入，页面打开自动执行。（推荐使用，因为有各种优化方法）
document.getElementById("bt1").onclick = function () {
let num1 = 10;
let num2 = 20;
console.log(num1+num2);
}

   <button id="bt1">点击1</button>
   //通过script标签的src属性引入
   
   <script src="js/demo.js"></script>
   
//js
document.getElementById("bt1").onclick = function () {
let num1 = 10;
let num2 = 20;
console.log(num1+num2);
}
注意：行内真的很少用，几乎不用。内嵌和外链不能共用一个script标签。外链的script标签，原则上来说可以放在任何位置。外链的script属性为src，不是href，不是href，不是href…

JavaScript输出：

JavaScript 显示数据:

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。

使用 document.write() 方法将内容写到 HTML 文档中。

使用 innerHTML 写入到 HTML 元素。

使用 console.log() 写入到浏览器的控制台。

我只学了alert和console.log()
<script>
       // 调试时使用
       alert("弹窗输出");//弹出警告框
       // 一般用这种
       console.log("控制台输出");
       // prompt 交互式----可以接收输入的数据  默认字符串数据类型
       let str = prompt("请输入数据：");//prompt可以输入数据，就像java中的scanner
       console.log(str);
   </script>
写入控制台（console.log）的话操作流程是：鼠标右键检查，控制台（英文console），就可以看到你写入的数据。（还是看不懂的话，就去下面的链接，或者搜JavaScript Chrome运行）

avaScript Chrome中运行：

菜鸟链接：

Chrome 浏览器中执行 JavaScript | 菜鸟教程 (runoob.com)

javscript数据类型：

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。

字符串类型（用单引号 '' 或者双引号 "" 是一样的效果）

空（Null）和未定义（Undefined）：

undefined表示变量不含有值，即let a; 就是声明变量但是不给a值，a的值就是undefined；可以将变量的值设为null，来清空变量。

Symbol

Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。

声明变量类型：

当你声明变量是、时，可以new来为其声明数据类型。

如：
var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;
JavaScript拥有动态数据类型：即相同的变量可用作不同的类型。想要查看变量的数据类型可以用typeof操作符来查看。
<script>
   let num = 10;//number类型
   let str = '你好';//string类型
   console.log(typeof num);
   console.log(typeof str);
</script>
查看数据类型，因为console.log是控制台输出不知道的话就看该链接：

javascript类型转换：

1.转化为布尔类型

Boolean(要转化的值)：
//变量----ES6变量写法----ES5---var
let str = "true";
let re = Boolean(str);
总结：字符串类型转布尔，除了空字符串外，都是true；

数字转布尔，除了0，都是true；

null和undefined转布尔都是false.

2.转换为数字类型

2.1字符型转为整数型：parseInt(string)函数

2.2字符型转为浮点数型：parseFloat(string)函数

2.3字符型转为数值型：Number(string)函数

2.4js隐式转换（- * /）利用算术运算隐式转换为数值型如：'12'-1 结果是11

3.转换为字符串

3.1 toString()和String()强制转换如：let num=1; alert(num.toString()); 或者alert(String(num))；

3.2加号拼接字符串如：let num = 1; alert(num+"nihao");

javascript和Javase比较运算符不同的点：

javase里面没有===， JavaScript里面有，在JavaScript === 是全等的意思，要求值和数据类型都相等。

而javase里面没有是因为当数据类型都不相同时，是不会比较值的。

continue、break

continue关键字用于跳出本次循环，循环后面的还是会执行（本次循环体中 continue 之后的代码就会少执行一次），就比如：你连着吃了几个包子，在吃到第三个时，它是坏的，你选择不吃这个，吃第四个，这就是continue。

break关键字用于跳出整个循环（（循环结束）。就是你吃包子，吃了一个坏的，剩下的其他的你都不吃了。