AngularJS และการใช้ตัวแปรดอลลาร์

ไม่มีใครทราบว่าเหตุผลเบื้องหลังการใช้วิธีดอลลาร์และตัวแปรใน angularJS คือการสั่ง angularJS เพื่อหลีกเลี่ยงการตรวจสอบค่าเหล่านั้นเมื่อการย่อยเกิดขึ้น? ดังนั้นถ้ามุมตรงข้าม$scope.$valueและ$scope.valueมันจะหลีกเลี่ยงการตรวจสอบก่อนเพราะมันมีคำนำหน้าด้วยอักขระดอลลาร์ในชื่อตัวแปรหรือไม่

มีบางครั้งที่ Angular ละเว้นตัวแปรที่ขึ้นต้นด้วยเครื่องหมายดอลลาร์:

1. ในความคิดเห็นของ Schumliด้านล่างซึ่งตัวกรอง json จะไม่ส่งออกพวกเขา

2. เมื่อใช้{{ }}คำสั่งเชิงมุมจะไม่แสดง ตัวแปรที่ซ้อนกัน $เช่นนี้แสดงvisibleคุณสมบัติเท่านั้น

   <div ng-init="n = { visible: 'foo', $ignore: 'bar' };">{{ n }}</div>

3. นอกจากนี้เมื่อเพิ่มผู้สังเกตการณ์ที่ชัดเจนในวัตถุขอบเขตการเปลี่ยนแปลงคุณสมบัติด้วยเครื่องหมายดอลลาร์ชั้นนำของวัตถุนี้จะไม่ทริกเกอร์ผู้เฝ้าดู ดูซออัพเดทนี้

4. angular.equals() ละเว้นคีย์ที่$ขึ้นต้นด้วย

มันเป็นเพียงการตั้งชื่อจากตัวอย่างข้อมูลด้านล่าง http://docs.angularjs.org/tutorial/step_05

'$' Prefix Naming Convention
คุณสามารถสร้างบริการของคุณเองและในความเป็นจริงเราจะทำอย่างนั้นในขั้นตอนที่ 11 ในฐานะแบบแผนการตั้งชื่อบริการในตัวของแองกูลาร์วิธีการในขอบเขตและ API เชิงมุมอื่น ๆ ข้างหน้าชื่อ อย่าใช้คำนำหน้า '$' เมื่อตั้งชื่อบริการและรุ่นของคุณเพื่อหลีกเลี่ยงการชนกันของชื่อ

http://docs.angularjs.org/guide/concepts#angular_namespace

Angular Namespace
เพื่อป้องกันการชนกันของชื่อโดยไม่ได้ตั้งใจ, Angular นำหน้าชื่อของวัตถุที่อาจชนกับ $ โปรดอย่าใช้คำนำหน้า $ ในรหัสของคุณเนื่องจากอาจเกิดการชนกับรหัส Angular โดยไม่ได้ตั้งใจ

$คำนำหน้าหมายถึงตัวแปรพารามิเตอร์ทรัพย์สินหรือวิธีการที่เป็นแกนหลักของเชิงมุม

คุณสมบัติบนวัตถุที่เกิดขึ้นภายในกรอบ แต่ไม่ได้เป็นส่วนหนึ่งของ API จริงอาจเริ่มต้นด้วย$- หรือแม้กระทั่ง$$- เพื่อแสดงถึงส่วนตัววิธีการหรือสถานที่ให้บริการ นี่เป็นวิธีเดียวกับที่ใช้กับ_คำนำหน้าในไลบรารีอื่น

ไม่มีผลกระทบใด ๆ กับวิธีที่โค้ดถูกตีความโดยรันไทม์แม้ว่าเฟรมเวิร์กนั้นอาจให้ความหมายพิเศษ โดยทั่วไปมันเป็นแบบแผนการตั้งชื่อที่บอกว่า "คุณไม่ควรยุ่งกับเรื่องนี้"

ไม่แน่ใจอย่างสมบูรณ์ แต่ฉันเชื่อว่า AngularJS internals พึ่งพาการจัดการกับตัวแปร $ -prefixed เหล่านี้ในระหว่างการแยกย่อย การตรวจสอบตัวแปรเหล่านี้จะหมายถึงการแยกย่อยจะไม่ทำให้เสถียรเนื่องจากอาจเปลี่ยนแปลงตลอดเวลาในแต่ละรอบการย่อย

อย่าพูดถึงฉัน :)

ฉันคิดเสมอว่า$ดูเหมือนว่า "S" เพื่อรับบริการ

สัญญาณ Dollar ( $ ) ยังป้องกันไม่ให้องค์ประกอบถูกทำซ้ำ (หรือตีความ) ในคำสั่งบางอย่าง ดังนั้นตัวอย่างคุณสมบัติที่ขึ้นต้นด้วย$จะไม่ถูกใช้ng-repeatเนื่องจากข้อถ้าในห่วงสำหรับ for :

if(collection.hasOwnProperty(key) && key.charAt(0) != '$')

มีคนสร้างปัญหาเกี่ยวกับหัวข้อที่นี่ในหน้าเพจ github

ในshallowCopyคุณสมบัติของเมธอดที่ขึ้นต้นด้วย$$จะถูกข้ามเนื่องจากประโยค if ในขณะวนซ้ำคุณสมบัติ :

if (!(key.charAt(0) === '$' && key.charAt(1) === '$')) {

@MarcoS ให้ลิงก์ไปที่https://thinkster.io/a-better-way-to-learn-angularjs/scope-vs-scopeซึ่งจะอธิบายความแตกต่างระหว่าง $ scope และขอบเขต ฉันพบว่ามีประโยชน์นี้เพิ่มข้อมูลในคำตอบอื่น ๆ

ในคำสั่งเชิงมุมมีลิงค์และตัวควบคุม การเชื่อมโยงเป็นฟังก์ชั่นมาตรฐานพร้อมชุดพารามิเตอร์คงที่: ขอบเขตองค์ประกอบวัตถุแอตทริบิวต์

อาร์กิวเมนต์ของคอนโทรลเลอร์ได้รับการจัดการโดยหัวฉีดเชิงมุมและไม่ขึ้นกับการสั่งซื้อ หัวฉีดแก้ไขวัตถุที่จะผ่านเข้ามาโดยมองหาพารามิเตอร์ที่ขึ้นต้นด้วย $

ผู้เขียนhttps://thinkster.io/a-better-way-to-learn-angularjs/scope-vs-scopeทำงานได้ดีกว่าในการอธิบาย

มีความแตกต่างอย่างมากไม่ใช่ในตัวแปร แต่ในพารามิเตอร์ที่คอนโทรลเลอร์ได้รับ พารามิเตอร์ขอบเขตแตกต่างจาก $ scope อย่างสิ้นเชิง

สำหรับข้อมูลเพิ่มเติมตรวจสอบโพสต์ที่มีประโยชน์นี้: http://www.thinkster.io/angularjs/aw9kWmdnik/angularjs-scope-vs-scope