草庐IT

js 学习day01andday02

fangye-js-study 2023-03-28 原文

day1

javascript三种引入方式

三种输出方式

变量

数据类型

查看数据类型

判断是否为数字

javascript三种引入方式

行内式

 <a href="javascript:alert('hello word')">哒哒哒</a>           
 <div onclick="alert('你好')">我</div>

内嵌式

<script>
        alert("hello word")
</script>

外链式

<script src="./01.js"></script>     //引入js文件

alert('hello word')                //js文件内容

三种输出方式

alert

alert("hello word")             //顶部弹窗输出

console.log

console.log("加入我们")          //控制台输出   最常用

document.write

document.write("加入我们")                  //网页内输出

变量

 var num;                    //不写死
 num = 100;
 var num2 = 200;                

数据类型

基本数据类型

数字 number

 var x=10;

字符 string

 var t3 = 'abc'

布尔 boolean

var t4 = true

null

 var t5=null

undefined

var t4

复杂数据类型

对象 object

方法 fuction

查看数据类型>

typeof

console.log(typeof 10);                 //number
console.log(typeof  "abc");              //string
var t1 = 10;
console.log(typeof t1);                   //number
console.log(typeof typeof 10);           //string

判断是否为数字

isNaN is not anumber

	var a =100
    console.log(isNaN(a))                   //false
    var b ="abc"
    console.log(isNaN(b))                   //true

(emmmmmm,第一次发稿竟然因为文字少而被劝退,还好我还有余稿)

day02

数据类型转换

赋值运算符

比较运算符

逻辑运算符

自增和自减

数据类型转换

转换成数字

Number

  1. 可以把一个变量强制转换成数值类型
  2. 可以转换小数,会保留小数
  3. 可以转换布尔值
  4. 遇到不可转换的都会返回
		var t1 = "100"
        console.log(typeof t1)                            //string
        console.log(typeof Number(t1))                    //number
		var num = "abc"
        console.log(Number (num))                         //NaN

parseInt

  1. 从第一位开始检查,是数字就转换,直到一个不是数字的内容

  2. 开头就不是数字,那么直接返回 `NaN

  3. 不识别小数点,只能保留整数

    		var num= "100abc"
            console.log(parseInt(num))                        //100
    		var num= "abc100"
            console.log(parseInt(num))                        //NaN
    

parseFloat

  1. 从第一位开始检查,是数字就转换,直到一个不是数字的内容
  2. 开头就不是数字,那么直接返回 NaN
  3. 可以识别第一个小数点
转字符串
  1. toString()`

    有一些数据类型不能使用 toString() 方法,比如 undefinednull

  2. String(变量)`

    所有数据类型都可以使用加法运算

    字符串拼接: 只要 + 任意一边是字符串,就会进行字符串拼接

    加法运算:只有 + 两边都是数字的时候,才会进行数学运算

转布尔类型

Boolean

​ 在 js 中,只有 ''0nullundefinedNaN,这些是 false

​ 其余都是 true

赋值运算符

  1. +=

    var a = 10;
    a += 10;
    console.log(a); //=> 20
    

    a += 10 等价于 a = a + 10

  2. -=

    var a = 10;

    a -= 10;
    console.log(a); //=> 0
    

    a -= 10 等价于 a = a - 10

  3. *=

    var a = 10;
    a *= 10;
    console.log(a); //=> 100
    

    a *= 10 等价于 a = a * 10

  4. /+

    var a = 10;
    a /= 10;
    console.log(a); //=> 1
    

    a /= 10 等价于 a = a / 10

  5. %=

    var a = 10;
    a %= 10;
    console.log(a); //=> 0
    

    a %= 10 等价于 a = a % 10

比较运算符

== < > <= >= === !=

== 和===区别

==只比较数值是否相同

===比较数值和字符是否相同

		var a = 100
		var b = "100"
		console.log(a==b)                  //true
		console.log(a===b)                 //false

逻辑运算符

&&

只有两边均为正时,才为正,其余为假

		console.log(1 && 2 && 3)         //当均为true时,输出最后一位
        console.log(1 && 0 && 3)         //如果遇到false,直接输出false 

||只有两边均为假时,才为假,其余为正

		console.log(1 || 2 || 3)         //输出第一个ture,
        console.log(false || 0 || 3)
        console.log(false || 0 || "")    //如果全为false,输出最后一个false

自增和自减

++a 前置 先进行++运算,在输出

 	var a=10
    console.log(++a)          //11
    console.log(a)            //11

a++ 后置 先输出a,在进行++

    var a=10 
    console.log(a++)          //10            
    console.log(a)            //11

--a 前置 先进行--运算,在输出

	var a=10
    console.log(--a)          //9
    console.log(a)            //9

a++ 后置 先输出a,在进行--

	var a=10 
    console.log(a--)          //10          
    console.log(a)            //9

有关js 学习day01andday02的更多相关文章

  1. postman——集合——执行集合——测试脚本——pm对象简单示例02 - 2

    //1.验证返回状态码是否是200pm.test("Statuscodeis200",function(){pm.response.to.have.status(200);});//2.验证返回body内是否含有某个值pm.test("Bodymatchesstring",function(){pm.expect(pm.response.text()).to.include("string_you_want_to_search");});//3.验证某个返回值是否是100pm.test("Yourtestname",function(){varjsonData=pm.response.json

  2. LC滤波器设计学习笔记(一)滤波电路入门 - 2

    目录前言滤波电路科普主要分类实际情况单位的概念常用评价参数函数型滤波器简单分析滤波电路构成低通滤波器RC低通滤波器RL低通滤波器高通滤波器RC高通滤波器RL高通滤波器部分摘自《LC滤波器设计与制作》,侵权删。前言最近需要学习放大电路和滤波电路,但是由于只在之前做音乐频谱分析仪的时候简单了解过一点点运放,所以也是相当从零开始学习了。滤波电路科普主要分类滤波器:主要是从不同频率的成分中提取出特定频率的信号。有源滤波器:由RC元件与运算放大器组成的滤波器。可滤除某一次或多次谐波,最普通易于采用的无源滤波器结构是将电感与电容串联,可对主要次谐波(3、5、7)构成低阻抗旁路。无源滤波器:无源滤波器,又称

  3. CAN协议的学习与理解 - 2

    最近在学习CAN,记录一下,也供大家参考交流。推荐几个我觉得很好的CAN学习,本文也是在看了他们的好文之后做的笔记首先是瑞萨的CAN入门,真的通透;秀!靠这篇我竟然2天理解了CAN协议!实战STM32F4CAN!原文链接:https://blog.csdn.net/XiaoXiaoPengBo/article/details/116206252CAN详解(小白教程)原文链接:https://blog.csdn.net/xwwwj/article/details/105372234一篇易懂的CAN通讯协议指南1一篇易懂的CAN通讯协议指南1-知乎(zhihu.com)视频推荐CAN总线个人知识总

  4. 深度学习部署:Windows安装pycocotools报错解决方法 - 2

    深度学习部署:Windows安装pycocotools报错解决方法1.pycocotools库的简介2.pycocotools安装的坑3.解决办法更多Ai资讯:公主号AiCharm本系列是作者在跑一些深度学习实例时,遇到的各种各样的问题及解决办法,希望能够帮助到大家。ERROR:Commanderroredoutwithexitstatus1:'D:\Anaconda3\python.exe'-u-c'importsys,setuptools,tokenize;sys.argv[0]='"'"'C:\\Users\\46653\\AppData\\Local\\Temp\\pip-instal

  5. 牛客网专项练习30天Pytnon篇第02天 - 2

    1.在Python3中,下列关于数学运算结果正确的是:(B)a=10b=3print(a//b)print(a%b)print(a/b)A.3,3,3.3333...B.3,1,3.3333...C.3.3333...,3.3333...,3D.3.3333...,1,3.3333...解析:    在Python中,//表示地板除(向下取整),%表示取余,/表示除(Python2向下取整返回3)2.如下程序Python2会打印多少个数:(D)k=1000whilek>1:    print(k)k=k/2A.1000 B.10C.11D.9解析:    按照题意每次循环K/2,直到K值小于等

  6. ruby - 我正在学习编程并选择了 Ruby。我应该升级到 Ruby 1.9 吗? - 2

    我完全不是程序员,正在学习使用Ruby和Rails框架进行编程。我目前正在使用Ruby1.8.7和Rails3.0.3,但我想知道我是否应该升级到Ruby1.9,因为我真的没有任何升级的“遗留”成本。缺点是什么?我是否会遇到与普通gem的兼容性问题,或者甚至其他我不太了解甚至无法预料的问题? 最佳答案 你应该升级。不要坚持从1.8.7开始。如果您发现不支持1.9.2的gem,请避免使用它们(因为它们很可能不被维护)。如果您对gem是否兼容1.9.2有任何疑问,您可以在以下位置查看:http://www.railsplugins.or

  7. ruby - 我如何学习 ruby​​ 的正则表达式? - 2

    如何学习ruby​​的正则表达式?(对于假人) 最佳答案 http://www.rubular.com/在Ruby中使用正则表达式时是一个很棒的工具,因为它可以立即将结果可视化。 关于ruby-我如何学习ruby​​的正则表达式?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1881231/

  8. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

    我开始了一个新的Rails3.2.5项目,Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

  9. ruby-on-rails - Rails - 理解 application.js 和 application.css - 2

    rails新手。只是想了解\assests目录中的这两个文件。例如,application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文,我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢?我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件?同样,我正在按照一些说明安装TwitterBootstrap(http:

  10. ruby-on-rails - rails : Find tasks that were created on a certain day? - 2

    我有一个任务列表(名称、starts_at),我试图在每日View中显示它们(就像iCal)。deftodays_tasks(day)Task.find(:all,:conditions=>["starts_atbetween?and?",day.beginning,day.ending]end我不知道如何将Time.now(例如“2009-04-1210:00:00”)动态转换为一天的开始(和结束),以便进行比较。 最佳答案 deftodays_tasks(now=Time.now)Task.find(:all,:conditio

随机推荐