#JS 自學的筆記01

阿新 • • 發佈：2018-11-16

JS 自學的筆記01

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
</head>
<body>
	<script type="text/javascript" 
>
		var a = "hello world"
		console.log(a);	
		
//console.log（）控制檯輸出
//alert()		彈窗提示
		alert(a);			
		alert(a);

		var b = [1,2,3,4,5]
		console.log(b[0]);
//		利用下標讀取
		console.log(b);
		b.pop();   
//		b.pop()  末尾刪除
		console.log(b);
		b.push(6);	
//		b.push()  末尾新增
		console.log(b);
		console.log(typeof b) 
;
//		typeof檢視型別
		
		
		var a = 123;
		var b = "456";
		var c = Number(b) + a;
		console.log(c);
		var c = a + b;
		console.log(c);
//		加法, 如果不做型別轉換處理，預設轉化為字串進行處理
		
		var a = 2;
		var b = "3.5";
		var c = a * b;
		console.log(c);
//		乘法，自動將字串string轉化 數字型別Number
		console.log(typeof c)
		
		document.write 
(c) 
		document.write("<br />")
//		document.write() 列印在網頁頁面中
//		document.write("<br />")網頁頁面中  換行


		var a = 1;
		var b = "1";
		if(a == b){
			console.log("xiangdeng")
		}
//不同型別間比較，“==” 之比較，轉化成同一型別後的值後 ，看值是否相等
		
		if(a === b){
			console.log("juedui")
		}
		else{
			console.log("NOjueudi")
		}
//      “===” 三個等號為絕對相等， 如果型別不同，其結果就是不等

//  “==”與“===”區別（兩個等號與三個等號）
//1、對於string,number等基礎型別，==和===是有區別的 
//1）不同型別間比較，==之比較“轉化成同一型別後的值”看“值”是否相等，===如果型別不同，其結果就是不等
//2）同類型比較，直接進行“值”比較，兩者結果一樣
//
//2、對於Array,Object等高階型別，==和===是沒有區別的
//進行“指標地址”比較
//
//3、基礎型別與高階型別，==和===是有區別的
//1）對於==，將高階轉化為基礎型別，進行“值”比較
//2）因為型別不同，===結果為false
		
		var a = "3";
		if(a == "1"){
			console.log("今天為星期一  不是幸運日")
		}
		else if(a == "2"){
			console.log("今天為星期二  不是幸運日")
		}
		else if(a == "3"){
			console.log("今天為星期三  是幸運日！")
		}
		else if(a == "4"){ 
			console.log("今天為星期四  不是幸運日")
		}
		else{
			console.log("今天不是幸運日")
		}
//  和python中 if-elif-else 語法相似
//  但是是有區別的 不能縮寫為elif 必須寫全else if

  		var a = 3;
  		switch(a){
  			case 1:console.log("不是幸運日")
  			case 2:console.log("不是幸運日")
  			case 3:console.log("是幸運日！")
  			case 4:console.log("不是幸運日")
  		}
// switch() 工作原理：首先設定表示式 n（通常是一個變數）。
//	隨後表示式的值會與結構中的每個 case 的值做比較。
//  如果存在匹配，則與該 case 關聯的程式碼塊會被執行。
//	請使用 break 來阻止程式碼自動地向下一個 case 執行。
  		
  		
  		for(var a=0;a<10;a++){
  			if (a == 5) {
  				continue;
  			}
  			console.log(a)
  		}
//		for迴圈  console.log()列印在控制檯console

		var a = 1;
		while(a<10){
			document.write(a)   
			a++;
		}
		document.write("<br />")
//		document.write()列印在網頁中
//		document.write("<br />")網頁中進行換行
//		while迴圈
		
//		
//我們知道了b=a++和b=++a的區別，不妨令a=5
//
//前者是先賦值，再自加，即b=a;a=a+1； //結果b=5,a=6
//
//後者是先自加，再賦值，即a=a+1;b=a;  //結果a=6,b=6

		var a = 1;
        do{
        	console.log(a);
        	a++;
        }while(a<10)
//      do while迴圈至少執行一次，即便條件為 false，因為程式碼塊是在條件語句判斷前執行.


		for(var a=1; a<10;a++){
			for(var b=a;b<10;b++){
				document.write(a,"*",b,"=",a*b,"&emsp;")
			}
			document.write("<br />")
		}
//		九九乘法表，document.write("<br />")換行
//		"&emsp;"空格
		
		
		
		while(1){
			var a = Math.ceil(Math.random()*5);
//		Math.random()只能取到0-1的數
//		Math.ceil()向上取整數
//◎Math.ceil()執行向上舍入，即它總是將數值向上舍入為最接近的整數；
//◎Math.floor()執行向下舍入，即它總是將數值向下舍入為最接近的整數；
//◎Math.round()執行標準舍入，即它總是將數值四捨五入為最接近的整數(這也是我們在數學課上學到的舍入規則)。
//		相當於隨機一個1-5的整數
			var b = Math.ceil(Math.random()*5);
			var c = a - b;
			document.write(a,"&emsp;",b,"&emsp;",c);
			document.write("<br />");
			if(c == -1){
				alert("B勝利");
				break;
			}
			else if(c == 1){
				alert("a勝利");
				break;
			}
			else if(c==-4){
				alert("a勝利");
				break;
			}
			else if(c == 4){
				alert("b勝利");
				break;
			}
			else{
				alert("平局");
	
			}
		}
		
		
		function foo(a){
			document.write(a);
		}
		foo("hello world");
//		簡單的函式定義用到function,相當於Python中def；
		
		
		
		function foo1(name,age){
			var per = new foo();
//			function foo1(name,age) 相當於穿建了一個類class foo1（name，age）
//			var per = new foo();相當於定義了一個類名為foo1的類的物件
//			相當於Python中 def __init__(self,name,age)
//							self.name = name 
//							self,age = age 
			per.name = name;
			per.age = age;
			return per;
		}
		var per1 = foo1("wk",25);
		var per2 = foo1("wsc",24);
		var per3 = foo1("wnm",23);
		document.write(per1.age);
		console.log(per1)
		document.write(per2.name);
		document.write(per3.age);
		document.write("<br />")
		
		
		
		function foo2(name,age){
			this.name = name;
			this.age = age;
		}
		var per4 = new foo2("zz","18")
		var per5 = new foo2("zc","17")
		var per6 = new foo2("zx","16")
//		建立方法,呼叫方法的時候再建立物件new foo
		console.log(per4)
		document.write(per4.age + "&emsp;")
		document.write(per5.name)
		document.write("<br />")

	</script>
</body>
</html>

js學習筆記01-函數,作用域,閉包

學習筆記${var} //變量的占位符, ${}裏邊依舊是js,字符串拼接 var str1 = "Hello"; var str2 = "World"; console.log("say: "+str1+" "+str2+"!"); console.log(`say: ${str1} ${str2}!`)

#JS 自學的筆記01

JS 自學的筆記01 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de

vue.js 2.0 官方文檔學習筆記 —— 01. vue 介紹

lan fun 數據特性 sem https 代碼 guide pos 這是我的vue.js 2.0的學習筆記，采取了將官方文檔中的代碼集中到一個文件的形式。目的是保存下來，方便自己查閱。 !官方文檔：https://cn.vuejs.org/v2/guide/ 01.

Log4j筆記----01

毫秒診斷 ets 一個不存在末尾 otl 所在 images 新建普通java project 項目創建文件如上 log4j.properties中編輯屬性 ### 設置### log4j.rootLogger = debug,stdout,D,E #

Hadoop自學筆記（一）常見Hadoop相關項目一覽

-a https class Lucene 百萬 data fcm you 轉換本自學筆記來自於Yutube上的視頻Hadoop系列。網址： https://www.youtube.com/watch?v=-TaAVaAwZTs（當中一個）以後不再贅述自學筆

webots自學筆記（八）麥克納母輪移動機器人平臺，可控制攝像頭視角

left sad src blog com 例子好玩也有工作量原創文章，來自“博客園，_阿龍clliu” http://www.cnblogs.com/clliu/，轉載請註明原文章出處。覺得基礎的東西說的差不多了，之後就分享一些好玩的仿

JQuery 學習筆記--01

隱藏 mat 不包含 rst 基本選擇器多重 title back first 1. JQuery 基本選擇器 express description remarks $("#idName") id選擇器 $(".className") 類選擇器 $

AngularJS 學習筆記--01

bsp 指令操作 angular 增強 lar col 表示 nbsp 學習 AngularJS 要先了解 MVC 模式 , 即 " 模型--視圖--控制器 " . 模型: 包含了需要用到的數據 ; 有兩種廣義上的模型 : 視圖模型 , 只表示

HTML 筆記01

... 字母騰訊 cat 份額需要視頻 scrip tle HTML5可以做什麽？第一網站頁面響應式頁面（淘寶京東 ...）第二 WebApp (webQQ 在線美圖 web淘寶...) 第三遊戲 (網頁遊戲， canvas小遊戲，

JS自學大全

輪播 creat 原型 als 全局變量 string類不存在添加 finally JS是從上往下執行的 console.log();輸出語句console.warn();錯誤提示語句黃色三角形感嘆號console.error();錯誤提示紅色圓Xalert();

Linux網絡編程筆記01

linux網絡編程1．計算機聯網的目的1) 使用遠程資源2) 共享信息，程序和數據3) 分布處理2．協議的概念1) 網絡中的任意兩臺計算機之間的通信必須有一些約定（比如，傳輸速率，數據格式，出錯檢測機制等），這個約定，我們就稱之為協議2) 在Internet中，最為通用的網絡協議就是TCP/IP協議3)

Struts2筆記01——基礎MVC架構（轉）

ima pan als 視圖進行 tex www 執行 lsp 原始內容：https://www.tutorialspoint.com/struts_2/basic_mvc_architecture.htm Apache Struts 2是用來創建企業級Java

Python自學筆記-map和reduce函數（來自廖雪峰的官網Python3）

求和 rabl style 序列 list port lambda char att 感覺廖雪峰的官網http://www.liaoxuefeng.com/裏面的教程不錯，所以學習一下，把需要復習的摘抄一下。以下內容主要為了自己復習用，詳細內容請登錄廖雪峰的官網查看。

Angular js 過濾器筆記（轉自菜鳥教程）

per test 筆記 ring ood filter 子集 true 貨幣格式 1、uppercase，lowercase 大小寫轉換 {{ "lower cap string" | uppercase }} // 結果：LOWER CAP STRING {{ "TA

【JavaScript】筆記01——Making Stuff Happen？？？

文件 eight tin clas 快捷 strong init chrome scrip While, generally speaking, HTML is for content and CSS is for presentation, JavaScript is

構建之法閱讀筆記01

style 提高自己結合 bsp 思想宋體玩具 spa nbsp 構建之法閱讀筆記01 在網上找到《構建之法》這本書的電子版，經過幾天的閱讀瀏覽，對於這本書，我覺得有很多的優點，但是更多的有一種感覺，這本書更註重的對編程者的思想的啟發。書裏提供了很多的實例以及模型或者

浪潮之巔閱讀筆記01

微軟公司發展應該協議新的 bsp 用戶自己微軟浪潮之巔閱讀筆記01 這本書是一本IT行業歷史書，從一百年前算起，AT&T 公司、IBM 公司、蘋果公司、英特爾公司、微軟公司、思科公司、雅虎公司和Google公司都先後被幸運地推到了浪尖。雖然，它們來自不

夢斷代碼閱讀筆記01

效果軟件目的我們四分想要軟件服務 spa 實現夢斷代碼閱讀筆記01 2017.4.20 今天讀了《夢斷代碼》的第一章，十五歲，因為一個遊戲sumer，讓作者開始迷

Hive編程指南_學習筆記01

one 復制 data- 模糊 mode table 查看 employ mod 第四章： HQl的數據定義 1：創建數據庫 create database financials; create database if not exists financial

WeX5學習筆記 - 01

構圖電腦開始理解 service 改進 images 自己 cli 了解WeX5，有朋友突然自己開始學習WeX5，我了解後覺得挺不錯的實用範圍廣，現在手機上的主流軟件基本都可以采用WeX5進行開發，如淘寶，美團、手機銀行等，所以自己也開始學習WeX5，WeX5是Ecl

#JS 自學的筆記01

JS 自學的筆記01

相關推薦